精华内容
下载资源
问答
  • iOS下点击事件失效解决方法

    iOS下的点击事件失效解决方法

    参考文章:

    (1)iOS下的点击事件失效解决方法

    (2)https://www.cnblogs.com/newbo/p/11350830.html

    (3)https://www.javazxz.com/thread-3025-1-1.html


    备忘一下。


    展开全文
  • 主要给大家介绍了关于在iOS下Safari点击事件失效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
  • 昨天在做一个H5页面调查问卷的时候碰到了一个很奇葩的问题,给一个元素添加点击事件的时候在安卓上面可以实现添加...但是到了IOS上面失去了点击事件,又去度娘查了才知道原因,因为IOS上面没有click点击事件,在...

    昨天在做一个H5页面调查问卷的时候碰到了一个很奇葩的问题,给一个元素添加点击事件的时候在安卓上面可以实现添加元素,但是在IOS上面没有起作用。一开始我是使用的下面的第一种方法写的点击事件,但是并不可以在新添加的元素上面实现点击事件。所以我该用了绑定方法on来给添加元素按钮添加点击事件。是可以实现的。但是到了IOS上面失去了点击事件,又去度娘查了下才知道原因,因为IOS上面没有click点击事件,在IOS上面使用touch事件来实现点击事件的。所以这就简单多了。具体解决方法如下

    1.$(".box").click(function(){
        var index = $(this).parent('.qa_item_add_boxs').parent('.qa_item_aed_boxs').children().length;
        $(this).parent('.qa_item_add_boxs').parent('.qa_item_aed_boxs').append(`
            <div class="qa_item_add_boxs">
    	          <div class="qa_item_add_nums">${index + 1}.</div>
    		     <input class="qa_item_add_input" type="text" placeholder="商品名" />
    		     <input class="qa_item_add_input" type="text" placeholder="对应企业名" />
    		     <div class="qa_add_imgBox">
    			     <img class="qa_item_add_img" id="eight_add" src="res/img/add.png"/>
    		     </div>
    	    </div>
        `);
     })
    
    
    
    
    2.$(document).on('click','.qa_add_imgBox',function(){          
        var index = $(this).parent('.qa_item_add_boxs').parent('.qa_item_aed_boxs').children().length;
        $(this).parent('.qa_item_add_boxs').parent('.qa_item_aed_boxs').append(`
    	    <div class="qa_item_add_boxs">
    		    <div class="qa_item_add_nums">${index + 1}.</div>
    		    <input class="qa_item_add_input" type="text" placeholder="商品名" />
    		    <input class="qa_item_add_input" type="text" placeholder="对应企业名" />
    		    <div class="qa_add_imgBox">
    			    <img class="qa_item_add_img" id="eight_add" src="res/img/add.png"/>
    		    </div>
    	    </div>
        `);
    })
    
    
    解决IOS上面不能实现点击事件的方法
    1.把点击元素改为button或者a链接 (这种方法暂未发现其它问题,但并不推荐使用)
    2.添加touchstart事件document.body.addEventListener('touchstart', function() {}) (暂不推荐)
    3.给点击元素添加属性cursor:pointer即可 (推荐使用,简单方便,无副作用)

     

    展开全文
  • 原因为ios中没用click事件 解决方法为:body加上 cursor: pointer;//让ios监听有效 -webkit-tap-highlight-color: transparent;//去除点去背景变蓝

    原因为ios中没用click事件
    解决方法为:body加上
    cursor: pointer;//让ios监听有效
    -webkit-tap-highlight-color: transparent;//去除点去背景变蓝

    展开全文
  • 遇到了一个bug,就是当软键盘弹出再收起时,软键盘位置的点击事件失效。 刚开始以为是onclick的锅,但是换成onTouchStart还是没有好。而且iphone7 Plus没问题,但是iphone7就可以复现这个bug。 原因: 在IOS下,点击...

    最近在开发一个用react开发的微信H5页面。
    遇到了一个bug,就是当软键盘弹出再收起时,软键盘位置的点击事件失效。

    刚开始以为是onclick的锅,但是换成onTouchStart还是没有好。而且iphone7 Plus没问题,但是iphone7就可以复现这个bug。

    原因:

    在IOS下,点击页面中比较靠下的input时,软键盘弹出,页面会上移,document.body.scrollOffset会从0变成大于0。
    软键盘消失后,页面下移,但是document.body.scrollOffset并不会变成0,所以这时候触控就不准了。

    只有iphonex、iphone6,ihpone7等部分机型会出现该问题;
    

    解决方案:

    失去焦点

    
    <input onBlur={() => window.scrollTo(0, 0)} />
    
    
    展开全文
  • 在实际的开发中,我们常常需要通过动态加载数据,来创建页面的DOM,而且给这些新增的元素添加事件也是不可避免的。 而对于动态数据的事件绑定,就需要明白两个概念,就是目标元素和代理元素(委托元素); (1)...
  • ios下非button/a标签点击事件失效问题

    千次阅读 2019-06-13 21:27:37
    当使用事件委托给一个元素添加 click 事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件失效。如果是可点击的(比如 button、a 标签),此时 ...
  • 在做项目中遇到落地页在ios环境 微信浏览器中点击事件失效 <div class="btn" > <img src="images/btn.png" /> <div> <script> $(".btn").on("click", function () { // click...
  • IOS下的 click 点击失效

    2018-04-02 17:22:00
    当委托给一个元素添加click事件时,如果事件是委托到document或body上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件失效。 demo: <!DOCTYPE html> <html lang="en"> &...
  • ios环境页面的click事件失效问题 整理了曾经在ios上遇到过的一个坑 当通过事件委托对document或body绑定click事件时,若实际点击的元素原来是不可点击的(如p,span,div等),ios环境这个click事件不会...
  • 一 这种情况一般使用时间托管例如jq的:$(document).on('xx','click',fn)这个通过事件托管可以让jq获取到动态生成的dom节点,以此解决点击失效的问题。 二 然而在ios上这样的方法解决不了这个问题,原因是: 在ios...
  • ios 点击失效

    2018-12-19 18:10:00
    ios 环境,添加click事件时,如果 (1)事件是委托到document或body上,并且(2)委托的元素是默认不可点击的(如 div, span 等), click 事件失效。 方案: 将click事件直接绑定到目标元素(即.target) 上 将...
  • 所以,需要在点击的元素上加上{cursor:pointer},就解决了。当然还有别的方法,检点来说就这样解决了。 测试了,上面的方法没有成功; 后来参考了这里 http://www.cnblogs.com/hity-tt/p/6423591.html 我的做法...
  • ①把点击事件添加到了body或者document上面 当使用委托给一个元素添加click事件时,如果事件是委托到 document或 body上,并且委托的元素是默认不可点击的(如 div, span等),此时 click事件会失效。 解决...
  • 如以下代码所示,通过js添加的Dom节点,在其上绑定点击事件,有的时候会出现点击事件不响应的情况,按照正常的理解,js代码具有阻塞性,Dom节点添加成功之后,就可以找到该节点并绑定事件,没有道理会出现事件绑定不...
  • 将标签内的click="" 删除; 改用 $("select").bind('click',function(){ dosomething })
  • //安卓下点击可以,ios下面失效 }) 百度了下说是H5新定义的, 直接说解决方案吧 我一开始的点击元素是li ,因为我布局是ul li嵌套的, 把点击元素换成a标签就可以了,网上还有很多种方法,没有一一去实验 ...
  • 在项目完成后,安卓和苹果手机测试中,发现 iOS的APP弹出遮罩层内的点击事件失效问题,浏览器并无此问题。很奇怪,推测是ios系统和Android系统不同的缘故。经测试,Android一点问题没有。但是,ios系统却死活没反应...
  • 问题描述:苹果系统,软键盘弹出,键盘再收起时,原虚拟键盘位点击事件无效。 排查过程:只有iphonex、iphone6,ihpone7等部分机型会出现该问题; 原因:在IOS下,点击页面中的input时,弹出软键盘时,如果input...
  • IOS系统,当input唤起键盘时,会导致遮罩下层的页面出现滚动和底部空白,这时就会影响到遮罩固定定位的页面显示及交互事件。 解决办法:底层页面在一加载进入的时候就记录scrollTop,当遮罩弹出的input失去焦点...
  • ios、android4.4+不能触发click事件。 Bug解决: 调用iscroll插件,增加配置参数:click:true/false click的值是要根据移动终端设备进行判断,如果只是简单的判断终端类型的话,android4.4+还是不能...
  • iOS、android4.4+不能触发click事件。 Bug解决: 调用iscroll插件,增加配置参数:click:true/false click的值是要根据移动终端设备进行判断,如果只是简单的判断终端类型的话,android4.4+还是不能点击,这...

空空如也

空空如也

1 2 3
收藏数 53
精华内容 21
关键字:

ios下点击事件失效