点击click事件在iPad没有响应

最新推荐文章于 2024-08-06 20:21:08 发布

原创最新推荐文章于 2024-08-06 20:21:08 发布 · 5.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#IPAD点击 #Touch-IPAD #Backbone事件 #兼容IPAD和PC

javascript 同时被 3 个专栏收录

16 篇文章

订阅专栏

浏览器兼容性

1 篇文章

订阅专栏

IPAD开发

1 篇文章

订阅专栏

在iPad上，click事件不响应，导致应用无法正常工作。问题源于iPad不支持click，而是支持touch事件。通过查阅资料，发现需要将事件从click切换到touch事件。但在使用Backbone.View时，直接在initialize中设置events不起作用。根据Backbone API，可以通过传入自定义事件来解决此问题，从而实现iPad和PC的兼容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本来在ipad使用tap事件，工作的很好。但是需求改变，要适应PC跟ipad，所以索性直接替换zepto改成jquery。理想不错，但是现实是，在浏览器上click事件工作得很好，切换到模拟器上面，也运行不错，但是切换到真机ipad上面，悲剧了，根本不响应click事件。查看了一遍又输出，还是木有反应。急了，只能求助谷歌了，click no action in pad 第一条出来的就是stackoverflow的问题列表，查看了一下。主要说的是。IPAD上面木有click 事件的支持，支持touch事件。如touchstart，touchend，touchmove。所以没办法，只能切换事件。可是又遇到一个问题就是。我的事件全部是Backbone支持的，那么backbone怎么切换事件呢。刚开始是直接在初始化initialize里面设置events事件。但是测试结果是行不通的，没有触发事件。但是看到BackboneAPI上面说，可以传入自定义的事件。所以真是大兴啊，直接抽出事件，然后传入events事件。

检测环境PC/PAD

        var u = window.navigator.userAgent
        var e = u.match(/iPad/i);
        var _event = {
        };
        switch( e ? "tap" : "click"){
            case "tap":{
                _event['tap .saler .box .item'] = 'selectSaleType';
                break;
            }
            case "click":{
                _event['click .saler .box .item'] = 'selectSaleType';
            }
        }

实例化Backbone.View

        // 实例化Backbone
        new Backbone.View.extend({events:_event })