[分享] 阻止微信和Chrome的默认滚动行为，防止误操作。

2015-11-18 20:26

题主

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	1228

在微信中默认滚动到最顶后会显示页面由XX提供，技术由微信提供等信息；使用Chrome则会触发重新加载。

使用以下代码可有效防止以上事件，在新版本WB7代码中已经应用，效果很好：

Ext.getDoc().on('touchstart', function(e) {
          Wb.touchDoFocus = document.activeElement != e.target;
          if (Wb.touchDoFocus) {
            e.preventDefault();
            Wb.lastTouchX = e.pageX;
            Wb.lastTouchY = e.pageY;
          }
        });
Ext.getDoc().on('touchend', function(e) {
          if (Wb.touchDoFocus && ((Math.abs(e.pageX - Wb.lastTouchX) + Math.abs(e.pageY - Wb.lastTouchY)) < 5)) {
            var target = e.target;
            if (target && target.focus)
              target.focus();
          }
        });

2015-11-18 20:27

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	1228

这个代码既不影响阻止默认滚动，又不影响控件接收输入焦点，翻遍stackoverflow也找不到解决方案，供大家参考

2015-11-19 11:32

tulip
用户名称：	tulip
加入日期：	2012-05-30 10:38
登录次数：	600

谢谢分享哈~

2015-11-23 15:16

liutt1001
用户名称：	liutt1001
加入日期：	2012-09-01 12:41
登录次数：	138

touchmove里阻止也有效这个兼容性更好

2015-12-03 09:38

jimmywang
用户名称：	jimmywang
加入日期：	2012-09-09 14:02
登录次数：	62

加一个webview shell自己做一个外壳更好

返回开发者社区