禁用Cordova / PhoneGap上的所有用户输入事件

Question

我想暂时禁用混合Cordova / PhoneGap应用中的所有触控/虚拟键盘事件。是否有某种插件可以实现这一目标？也许某些事情会从任何用户输入中禁用整个Web视图。如果没有，用javascript / CSS / HTML如何实现？

P.S。我需要此功能，以确保用户不会打扰预定义的动画场景。

Answer 1

您可以使用javascript或叠加层来处理此问题。

使用javascript

var handler = document.addEventListener('click, touchEnd, touchStart, touch, keypress', function (evt) {
  evt.stopPropagation();
  evt.preventDefault();
});

动画完成后，请使用以下内容删除拦截器;

handler.removeEventListener();

或者用css

创建一个div

.overlay {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
}

动画完成后，您可以隐藏div或删除它。