如何使用纯javascript的移动触摸事件?

如何使用纯javascript的移动触摸事件?,javascript,html,css,Javascript,Html,Css,javascript中移动触摸事件的语法是什么?我试过: window.document.body.ontouchstart=function(){alert();} 及 window.document.body.touchstart=function(){alert();} 它没有给出任何错误。触摸网页时不会发生任何事情。看来,addEventListener才是正确的选择。但是为什么window.document.body.ontouchstart不能直接工作呢?试试下面的代码: var t

javascript中移动触摸事件的语法是什么?我试过:

window.document.body.ontouchstart=function(){alert();}

window.document.body.touchstart=function(){alert();}

它没有给出任何错误。触摸网页时不会发生任何事情。看来,
addEventListener
才是正确的选择。但是为什么window.document.body.ontouchstart不能直接工作呢?

试试下面的代码:

var theElement = document.getElementById("theElement");

theElement.addEventListener("touchstart", handlerFunction, false);

function handlerFunction(event) {
alert();
}
function foo(event) {
  alert();
}

var el = document.getElementsByTagName("canvas")[0];
  el.addEventListener("touchstart", foo(), false);

//or 

window.document.body.addEventListener("touchstart", foo(), false);

为什么
window.document.body.ontouchstart
不起作用?@user31782您需要
addEventListener()
方法,所以以body元素为目标,然后附加事件<代码>文档。getElementsByTagName(“正文”)[0]。addEventListener('touchstart')…