javascript中的touchstart事件，求写法

javascript中的touchstart事件，求写法

通过touchstart这个事件，在手机端web页面中，有下面一个div：
<div id="test">
<ul>
<li>中华人民共和国</li>
<li>北京你好啊</li>
<li>世界第一等</li>
</ul>
</div>
希望手指触摸到（没点）某一个<li>时，将这一行的背景色变成红色，移开后恢复，这个js要如何处理啊？求教，谢谢。

function load(){

document.addEventListener('touchstart',fn, false);
document.addEventListener('touchmove',fn, false);
document.addEventListener('touchend',fn, false);
function fn(event){
var event = event || window.event;
var ele=获取你要的元素;
switch(event.type){
case "touchstart":
接触时的操作

break;
case "touchend":
连续滑动时的操作

break;
case "touchmove":
event.preventDefault();//取消事件的默认动作
离开时的操作

break;
}
}

}

window.addEventListener('load',load, false);

谢谢，不过还有个问题，就是这一句

var ele=获取你要的元素;

这一段不太会写，是获取id为test的div中的li的元素。

请教！^_^

var ele=document.getElementById('test');
var ul=ele.childNodes.item(0);
var li=ul.childNodes;
for(var i=0;i<li.length;i++){
alert("Item "+i+": "+li.item(i).innerHTML);
}

谢谢!

function load(){

document.addEventListener('touchstart',fn, false);
document.addEventListener('touchmove',fn, false);
document.addEventListener('touchend',fn, false);
function fn(event){
var event = event || window.event;
var ele=获取你要的元素;
switch(event.type){
case "touchstart":
接触时的操作

break;
case "touchend":
连续滑动时的操作

break;
case "touchmove":
event.preventDefault();//取消事件的默认动作
离开时的操作

break;
}
}

}

window.addEventListener('load',load, false);

谢谢，不过还有个问题，就是这一句

var ele=获取你要的元素;

这一段不太会写，是获取id为test的div中的li的元素。

请教！^_^

var ele=document.getElementById('test');
var ul=ele.childNodes.item(0);
var li=ul.childNodes;
for(var i=0;i<li.length;i++){
alert("Item "+i+": "+li.item(i).innerHTML);
}

谢谢!