javascript – Click事件在safari mobile中无法用于某些HTML内容

2019-10-08 12:39:34 阅读：208 来源： 互联网

标签：html javascript jquery css mobile-safari

在我的网络应用程序中,有一个单独的移动设备导航栏.当单击菜单按钮或单击站点中的任何其他位置时,我希望此导航栏折叠.它已经适用于任何移动浏览器,但不适用于Safari移动设备(在Safari中也适用于主页,但不适用于其他页面).在其他页面中,有一些动态生成的html.似乎click事件对这些内容不起作用.我真的很感激这个问题的解决方案.代码如下.我试过’body’,$(document),window而不是$(‘html’).它也不适合他们.

$('html').click(function(event) {
            var clickover = $(event.target);
var $navbar = $(".navbar-collapse");               
var _opened = $navbar.hasClass("in");
if (_opened === true && !clickover.hasClass("navbar-toggle")) {      
    $navbar.collapse('hide');
}
        });

我也尝试了Fixing jQuery Click Events for the iPad中提到的内容.但是那里提到的代码根本没有触发.我为此尝试过的代码如下.

var ua = navigator.userAgent,
event = (ua.match(/iPad/i)) ? "touchstart" : "click";

$('body').bind(event, function(e) {
            var clickover = $(event.target);
var $navbar = $(".navbar-collapse");               
var _opened = $navbar.hasClass("in");
if (_opened === true && !clickover.hasClass("navbar-toggle")) {      
    $navbar.collapse('hide');
}

}

我真的很感激我的问题的答案(我正在研究这一天超过一天,但没有找到解决方案).

解决方法:

无论如何,我终于找到了解决方案.原因是,iPhone Safari不支持事件委派.我最初的要求是在单击HTML主体时触发click事件.无论如何,问题只发生在Safari移动设备上,我发现原因是,Safari不支持点击事件的事件委托.我通过在body CSS中添加以下代码来解决它.

cursor: pointer;

我得到答案的资源是,
Click event delegation on the iPhone

和

jQuery click events not working in iOS : Answer

还有Dohab,谢谢你的回答.

标签：html,javascript,jquery,css,mobile-safari
来源： https://codeday.me/bug/20191008/1871652.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – Click事件在safari mobile中无法用于某些HTML内容