javascript中的touchstart事件，求写法

转自：http://zhidao.baidu.com/link?url=qKoz6JGcPAr6eIXB_O-wExzcVPXnVmlKzNy0kr1TIS9bwHO0yuRjPCTLHAped-wA9WYUAwmcHZBrhY31xRTSaFfRYxDNtN0MzoD_UTuPXvW

javascript中的touchstart事件，求写法

2014-09-19 09:48 jlgtczdtyt  |  分类：JavaScript  |  浏览815次

通过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);
}

提问者评价

谢谢!