zoukankan      html  css  js  c++  java
  • document.onclick在ios上不触发的解决方法与touchstart点击穿透处理

    document.onclick = function (e) {
        var e = e ? e : window.event;
        var tar = e.srcElement || e.target;
        if (tar.id != "searchData") {
            pagesZone.style.display = "none";
        }
    }

      以上代码在电脑浏览器和安卓上都能触发alert事件,但是在iOS上却完全没有反应。
      如果这个name标签是button的可click事件则是可以触发的,因为div本身默认不可点击 。
    1、有一个解决方法是给这个元素添加css 

    .name{ 
      curser:pointer; 
    } 

    2、还可以将click改为touchstart事件,或者共存 

    $(document).on(“click touchstart”, “.name”, function() { 
      alert(“name”); 
    });

      不过touch系列事件有点击穿透问题,解决方案如下:

      把页面内所有click全部换成touch事件( touchstart 、’touchend’、’tap’), 需要特别注意 a标签,a标签的href也是click,需要去掉换成js控制的跳转,或者直接改成span + tap控制跳转。如果要求不高,不在乎滑走或者滑进来触发事件的话,span + touchend就可以了,毕竟tap需要引入第三方库。

  • 相关阅读:
    P1662 数7
    P3645 [APIO2015]雅加达的摩天楼
    P3396 哈希冲突
    P7479 至曾是英雄的您
    P7480 Reboot from Blue
    Apache Commons Collections
    ESP8266 WIFI杀手
    ESP8266 固件升级
    ESP8266 MicroPython安装与使用
    Window 安装子系统
  • 原文地址:https://www.cnblogs.com/xulei1992/p/6559386.html
Copyright © 2011-2022 走看看