html - How to use mobile touch events with pure javascript? - Stack Overflow

admin管理员组

文章数量:1420166

What is the syntax for mobile touch events in javascript? I tried:

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

and

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

It doesn't give any error. And nothing happens on touching the webpage. It seems like addEventListener is the way to go. But why doesn't window.document.body.ontouchstart directly work?

What is the syntax for mobile touch events in javascript? I tried:

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

and

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

It doesn't give any error. And nothing happens on touching the webpage. It seems like addEventListener is the way to go. But why doesn't window.document.body.ontouchstart directly work?

• javascript
• html
• css

Share Improve this question Follow edited May 16, 2016 at 11:46 user31782 asked May 16, 2016 at 11:29 user31782user31782 7,6071616 gold badges7979 silver badges158158 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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

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

function handlerFunction(event) {
alert();
}

Try this code:

function foo(event) {
  alert();
}

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

//or 

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

• Event listner documentation
• example jsfiddle here

本文标签： htmlHow to use mobile touch events with pure javascriptStack Overflow