javascript - jQuery.on "touchstart mousedown"- 两个事件都在触摸屏设备上触发

Question

我的问题是我无法取消触发 touchstart 后触发的 mousedown 事件。此问题特定于 Android 的 native 浏览器。

Chrome 和 Safari 都成功地在 Android 和 iOS (onMenuInteraction) 中执行了我的方法。我的问题似乎仅限于 Android 的 native 浏览器(对我来说，它预装了 Android 4.1.2)。

以下是我从 Javascript 对象中提取的代码。

MenuButtonView.prototype.onSmallScreenSetUp = function() {
    $("#mobileMenuBtn").on( { "touchstart mousedown": $.proxy( this.onMenuInteraction, this ) } );
}

MenuButtonView.prototype.onMenuInteraction = function(e) {
    console.log( this, "onMenuInteraction", e );
    e.stopImmediatePropagation();
    e.stopPropagation();
    e.preventDefault();
}

谁能告诉我如何取消手指触摸屏幕触发 touchstart 事件后触发的 mousedown 事件。

此要求基于管理与桌面和移动/平板电脑平台的交互。在您使用 Android native 浏览器进行测试之前，一切正常。

非常感谢

D

Answer 1

检查是否存在 touchstart 支持，设置一个变量以确定您提供的支持:

//touchstart or mousedown
var click = ('ontouchstart' in document.documentElement)  ? 'touchstart' : 'mousedown';

然后使用:

$(element).on(click,function(){
    //do stuff
}); 

请注意，此实例中的 click 是一个变量，而不是字符串。