如何使用純JavaScript的手機觸摸事件？

JavaScript中的移動觸摸事件的語法是什麼？我想：如何使用純JavaScript的手機觸摸事件？

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

和

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

它不給任何錯誤。在觸摸網頁時沒有任何反應。這似乎是addEventListener是要走的路。但爲什麼window.document.body.ontouchstart不直接工作？

2016-05-16 user31782

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

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

function handlerFunction(event) { 
alert(); 
}

來源

2016-05-16 11:35:05 Dimppy

爲什麼不'window.document.body.ontouchstart'工作？ – user31782

@ user31782你需要'addEventListener（）'方法，所以定位body元素然後附加事件。 'document.getElementsByTagName（「正文」）[0] - 閱讀進度 - （ 'touchstart' ....' –

試試這個代碼：

function foo(event) { 
    alert(); 
} 

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

//or 

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

來源

2016-05-16 11:45:08

如何使用純JavaScript的手機觸摸事件？

回答

相關問題