javascript - 移动端点击事件的问题

问题描述

问 题

我闲的无聊写了个h5的俄罗斯方块，控制左右和旋转我用了如下的方法，点击左边中间右边控制左，旋转，右，但是放在手机上没有反应，库用的是zepto，换成tap也没用，是不是手机端的事件没有pageX这个属性，请问我应该怎么改呢？

                $("body").click((event)=>{
                    var x=event.pageX;
                    if(x>=0&&x<=clickbound*1){
                        that.setSite(-1)
                    }else if(x>1*clickbound&&x<=2*clickbound){
                        //that.rotate();
                    }else{
                        that.setSite(1);}
                    })

解决方案

正确答案是safari不支持事件代理由body代理到div上，必须加上cursor:pointer，click事件就可以用了，但是会有延迟，需要引入fastclick这个库解决问题，不能使用zepto的tap事件，没有pageX这个属性

这篇关于javascript - 移动端点击事件的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！