触摸设备如何触发'document.click”关闭下拉菜单？

触摸设备的Document.click功能

问题：触摸设备如何触发document.click功能关闭由单击启动的下拉菜单事件？

答案：

现代浏览器，例如 Chrome 和 Firefox，都会触发触摸输入的点击事件。这消除了额外的 touchstart 或 touchend 事件的需要。只需使用：

$(document).on('click', function () { ... });

解释：

旧版浏览器对触摸输入的解释不同，将它们视为不同的事件。为了解决这个问题，使用了如下的事件处理程序：

$(document).on('click touchstart', function () { ... });

但是，随着触摸友好浏览器的出现，不再需要 touchstart 事件。仅单击事件就足够了。

附加说明：

提供的示例使用事件委托技术和 .on() 将单击处理程序绑定到整个文档。这确保了即使动态添加或删除菜单也能捕获点击事件。

以上是触摸设备如何触发'document.click”关闭下拉菜单？的详细内容。更多信息请关注PHP中文网其他相关文章！