javascript - Cordova 防止 webview 拖拽字段焦点？

Question

我的 config.xml 中有这些首选项

<preference name="DisallowOverscroll" value="true" />
<preference name="UIWebViewBounce" value="false" />

我还在包含字段的容器上使用了这个 CSS

overflow:hidden;
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;

这会禁用滚动，但是如果我单击/聚焦一个字段并拖动，我的容器仍然会拖动。我该如何禁用它？只有当我触及一个字段并拖动它时才会发生这种情况。

编辑:我删除了 UIWebViewBounce 首选项，因为 Cordova 不支持它，但结果仍然相同。

Answer 1

尝试在你的容器上使用这些样式

user-drag: none;
-webkit-user-drag: none; 

也可以尝试在您的 HTML 元素上将 draggable 属性设置为 false

参见文档:https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable