Javascript 解释可能使用触摸操作的情况:操纵

Javascript 解释可能使用触摸操作的情况:操纵,javascript,jquery,html,ios,css,Javascript,Jquery,Html,Ios,Css,我见过 touch-action: manipulation; 在CSS中应用于各种网站的按钮和链接。我很好奇这是为了什么 我读了表上的值 touch action CSS属性指定 用户可以操纵给定区域(例如,通过平移) 或缩放) 自动: 用户代理可以确定任何允许的触摸行为,例如 作为视口的平移和缩放操作,对于 从元素开始 无:使用此值禁用所有 默认行为并允许您的内容处理所有触摸输入 (从元素开始的触摸不得触发默认触摸 行为) pan-x: 用户代理可以考虑开始的触摸。 该元素仅用于水平滚动

我见过

touch-action: manipulation;
在CSS中应用于各种网站的按钮和链接。我很好奇这是为了什么

我读了表上的值

touch action CSS属性指定 用户可以操纵给定区域(例如,通过平移) 或缩放)

自动: 用户代理可以确定任何允许的触摸行为,例如 作为视口的平移和缩放操作,对于 从元素开始

无:使用此值禁用所有 默认行为并允许您的内容处理所有触摸输入 (从元素开始的触摸不得触发默认触摸 行为)

pan-x: 用户代理可以考虑开始的触摸。 该元素仅用于水平滚动 元素最近的祖先,具有水平滚动的内容

pan-y: 用户代理可以考虑仅在元素上开始的触摸。 垂直滚动元素最近祖先的目的 具有垂直滚动的内容

操作:用户代理可以 考虑在元素上开始的触摸只是为了 滚动和连续缩放。是否支持任何其他行为 本规范不适用于自动驾驶

但我不明白将此应用于大多数链接/按钮背后的想法。这是否可以防止通常使用默认值auto时出现的常见问题?

根据sitepoint,
触摸操作:操作通过消除每个事件检测延迟来帮助防止火灾。例如,双击屏幕直到300毫秒时,双击事件可能会触发。未声明触摸操作

简短引述:

大多数基于触摸的移动浏览器在点击屏幕和浏览器启动相应事件处理程序之间等待300毫秒。它的实现是因为您可以双击以将页面缩放到全宽。因此,浏览器会等待三分之一秒-如果您不再次点击,则“单击”将被激活

微软在PointerEvents中解决了许多基于触摸的问题 规范。例如,如果 用户正在滚动页面

还有一个非标准CSS触摸动作属性,允许 您需要删除特定元素或整个文档的延迟 在不禁用收缩缩放的情况下:

a、 按钮,.myelements{…}


我不确定具体情况,这取决于您是否对屏幕点击感到不满意,因此比较是个好主意。

我将
触摸操作:操纵
指定给一个按钮,以避免双击时手机上的页面缩放