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

javascript中的touchstart事件，求写法

2014-09-19 09:48jlgtczdtyt | 分类：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);}

提问者评价

谢谢!