jquery touchstart 不适用于文档

Question

如果您使用以下语法，一个简单的 touchstart 事件就可以工作: http://jsfiddle.net/rwdu4hb9/

$(function(){
    $('.test').on('touchstart', function(){
        alert("Clicked");
    });
});

但是，如果您想使用 $(document).on(..) 为所有即将到来的元素添加事件，如下所示: http://jsfiddle.net/rwdu4hb9/1/

$(function(){
    $(document).on('touchstart', '.test', function(){
        alert("Clicked");
    });
});

该事件不会被触发。这个调用有什么问题吗？

在装有 iOS 8.0.2 的 iPad 上测试

Answer 1

出于好奇，您是否有任何理由避免使用 click 事件而不是 touchstart ？一般来说，移动浏览器会将点击作为“触摸”事件进行处理。过去，我在不同设备上的触摸与点击方面遇到过麻烦(已通过 Modernizr 解决)

至少，我会绑定(bind)两个事件(click 和 touchstart)，这将处理移动设备和桌面设备(更新了您的 fiddle - http://jsfiddle.net/srdkgL7o/ )

$(function(){
    $(document).on('touchstart click', '.test', function(e){
         e.stopPropagation(); //stops 'ghost clicks' (double clicking)
        alert("Clicked");
    });
});