带event.preventDefault的HTML

Question

如果html文档被禁用。 （不滚动...）

document.ontouchmove = function(event){ event.preventDefault(); } 

我可以选择性地启用html文档中的元素吗？如div，跨度 我应该用什么javascript来做到这一点？

Answer 1

这是一个相当不好的解决方案。

更改touchmove处理程序如下：

document.ontouchmove = function (event) { 
    if (!event.elementIsEnabled) { 
     event.preventDefault(); 
    } 
}; 

然后为要启用一个元素：

element.ontouchmove = function (event) { 
    event.elementIsEnabled = true; 
}; 

这样做是因为：

• 当touchmove事件在元素上触发，这两个事件处理程序在冒泡阶段处理事件。这意味着元素touchmove首先触发，因为它最接近事件的来源。
• 当两个事件处理程序处理相同的事件时，它们会收到相同的事件对象。
• 您可以在事件对象上设置自己的任意属性。

因此，元素touchmove处理器只是将事件对象的自定义属性，然后为自定义属性的文件touchmove处理程序检查，以确定是否应被阻止的默认操作。