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