setPointerCapture 似乎不适用于谷歌浏览器

Question

为了使我正在开发的程序对触摸友好，我从使用鼠标事件切换到使用指针事件。在测试它如何在多个浏览器上使用触摸输入进行操作时，它在 Windows 10 上的 Firefox 和 iOS 上的移动 Safari 上运行良好。但是触摸在 Chrome 上出现了问题。我在使用触摸时将其追溯到setPointerCapture 方法。我认为这是我的代码有问题，但发现setPointerCapture 方法在手册页https://developer.mozilla.org/en-US/docs/Web/API/Element/releasePointerCapture 上也不是有效示例。 此处页面底部的“SLIDE ME”示例在我的触摸屏笔记本电脑（Lenovo Flex 5）上的 Chrome 上使用触摸无法滑动，但使用 Chrome 中的鼠标或使用其他浏览器可以正常工作。我的问题是，我需要在 Chrome 中进行设置来解决这个问题吗？这是我的笔记本电脑的问题，还是真的是一个错误？

Answer 1

您可能需要在元素上将 touch-action 设置为 none 以避免此问题：

  touch-action: none;

touch-action CSS 属性设置触摸屏用户如何操作元素的区域（例如，通过浏览器内置的缩放功能）。