使用Nexus 5x的SVG元素发生不必要的振动

时间:2018-09-27 10:37:21

标签: javascript java android reactjs svg

当用户长按我的一个应用程序屏幕中的一个SVG元素时,我当前遇到了不必要的振动问题。

我当前的设置是:

通过webView URL运行React App的Android应用程序,其中用户必须在一个屏幕上按住圆形SVG元素中包含的按钮div。

我需要禁用所有文本选择和contextMenu创建功能,以不干扰已经添加到componentDidMount()方法中的用户按钮按下:

document.getElementById('button-container').oncontextmenu = (event) => {
  event.preventDefault();
  event.stopPropagation();
  event.stopImmediatePropagation();
  return false;
};

并添加了user-select: none总体CSS规则以停止用户长按屏幕时进行的任何文本选择。

除LG Nexus 5X和LG G7之外,这在我所有的测试设备上都可以正常工作,长时间按住SVG元素或父div会导致触觉反馈。这是LG特有的吗?

这是我可以仅使用JS / CSS等在我的Web应用程序中解决的问题吗?还是这个问题需要在实际的Android应用中解决?

0 个答案:

没有答案