javascript - 监听 javascript 触摸事件但仍允许默认滚动行为

Question

我正在尝试为移动应用程序实现一个可滚动元素，看起来您必须在初始 touchStart 事件上使用 preventDefault，否则浏览器将不会触发所有 touchMove 事件(可能是出于性能原因)。

因此，如果我想允许在溢出的元素上进行触摸滚动，那么用户在触摸该元素时将无法像往常一样滚动页面。如果溢出的元素占据了视口(viewport)的大部分，这是有问题的。

他们有解决办法吗？

Answer 1

看看这个库

http://api.mutado.com/mobile/mtdtouch/js/

“核心”javascript 包括一个针对触摸事件优化的基本 UIComponent (webkit)。示例中的 UI.Scroll 组件为您管理“防止默认问题”。

尝试子类化 UIComponent 并像这样实现您自己的事件处理程序

$MTD.YourOwnComponent = $.klass( $MTD.UIComponent, {    

    touchesBegan: function( e ) {
        // your stuff
    },

    touchesMoved: function( e ) {
        // your stuff   
    },

    touchesEnded: function( e ) {
        // your stuff
    }

});

希望这对您有所帮助。