在iOS上制作JavaScript/HTML OnClick作品

问题描述：

由于HTML页面充满了onclick s，并且稍后JavaScript会添加更多内容，那么如何让这些功能在iOS上的触摸事件上触发呢？在iOS上制作JavaScript/HTML OnClick作品

例如：

<div onclick='dosomething();'></div>

优选地仅一个片JS的穿过页面运行添加触摸事件。 JQuery很好。

[你应该避免在你的HTML中的'onClick'属性]（http://stackoverflow.com/a/12627478/4202224）。使用jQuery时使用'.on（）'或'.click（）'方法。所以你可以使用'.on（'click touch'）'来注册事件处理程序 – empiric

答

检查了这一点

MDN Touch events

添加事件处理程序，像这样。

<canvas id="canvas" width="600" height="600" style="border:solid black 1px;"> 
    Your browser does not support canvas element. 
</canvas> 
<br> 
<button onclick="startup()">Initialize</button> 
<br> 
Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

function startup() { 
    var el = document.getElementsByTagName("canvas")[0]; 
    el.addEventListener("touchstart", handleStart, false); 
    el.addEventListener("touchend", handleEnd, false); 
    el.addEventListener("touchcancel", handleCancel, false); 
    el.addEventListener("touchmove", handleMove, false); 
    log("initialized."); 
}

然后，您可以创建功能handleStart，handleEnd等做什么都。

在iOS上制作JavaScript/HTML OnClick作品

相关推荐