JavaScript onTouch 不工作

Question

谁能告诉我为什么这个 onTouch 处理程序没有触发。

var myDiv = document.getElementById('existingContent');
var myButton = '<a href="#" onClick="logOut();" ontouch="logOut()">log out</a>';
myDiv.appendChild(myButton);

function logOut() {
  alert('hello');
}

我使用的是 iPad 1。

Answer 1

我的建议与提议的相同here在 MDN 上:

var el = document.getElementsByTagName("canvas");  
el.addEventListener("touchstart", handleStart, false); 

我对 ontouch 属性的犹豫是跨设备支持。为此，您可以考虑特征检测。

Modernizr是一种确定是否在运行时启用触摸的流行方法。

如果启用了上述事件，touch 或 no-touch 类将添加到 html 元素并用于确定是否应运行上述代码。

编辑:

在随后的几天里，我遇到了 this描述触摸事件的文档。与许多技术一样，它还有更多...