safari中不能响应click()的问题

最新推荐文章于 2022-06-10 15:15:09 发布
最新推荐文章于 2022-06-10 15:15:09 发布
阅读量1.8k 收藏 1
点赞数 1
分类专栏： 网页界面设计
本文详细介绍了在 Safari 浏览器中遇到的使用 document.getElementById 触发点击事件无效的问题，并提供了有效的解决方法。通过创建一个自定义的 MouseEvent 对象并调用 dispatchEvent 方法，可以解决此问题。

转载：http://www.cnblogs.com/EMTeam/archive/2013/07/11/3183321.html

safari下如果用document.getElementById("id").click()触发点击事件，是没有效果的

解决办法：

var e = document.createEvent('MouseEvent');    
e.initEvent('click', false, false);    
setTimeout(document.getElementById("id").dispatchEvent(e),0);

 

点击click事件在iPad没有响应
csr0312的专栏
08-19 5841
本来在ipad使用tap事件，工作的很好。但是需求改变，要适应PC跟ipad，所以索性直接替换zepto改成jquery。理想不错，但是现实是，在浏览器上click事件工作得很好，切换到模拟器上面，也运行不错，但是切换到真机ipad上面，悲剧了，根本不响应click事件。查看了一遍又输出，还是木有反应。急了，只能求助谷歌了，click no action in pad 第一条出来的就是stackov
【will】safari下不能响应click事件
diqiangyi7673的博客
07-11 270
safari下如果用document.getElementById("id").click()触发点击事件，是没有效果的 解决办法： var e = document.createEvent('MouseEvent'); e.initEvent('click', false, false); setTimeout(document.getElementById...
safari浏览器下body、document、window的click事件无效处理办法
qq_42014697的博客
06-08 1696
在做移动端开发时，经常会做弹窗的效果，弹窗之后点击弹窗以外的地方弹窗关闭，开始我是这样做的 document.addEventListener("click",function(){ this.showIndex = -1; },false); 在电脑上没有问题，但是在移动端弹窗关闭不起作用了，原因是移动端用的是safari浏览器，safari浏览器下body...
苹果手机body、document、window的click事件无效处理办法
weixin_30325793的博客
01-19 404
在做移动端效果的时候，会碰到做弹窗的效果，弹窗之后点击空白处关闭弹窗，但是苹果手机上的QQ浏览器UC浏览器都点击body、document、window无效。最后找到了解决办法， 就是给要点击的元素加个css样式cursor：pointer； 当然，document和window是不能给的。 所以只能给body加个此属性即可。暂时还未发现别的解决办法。（虽然这样解决了问题，但是 又发现另一个问...
safari浏览器实现模拟click点击事件
陈雪珊的博客
01-19 7486
在项目中经常会用到onclick点击事件触发效果，如给button按钮添加一个点击事件：<button id="btn">点我</button> <script> var btn = document.getElementById("btn"); btn.onclick = function(){ alert("终于点我了！"); } </script>然而有
【解决】document.getelementbyid("XX").click失效
持续疯长，往天那边去
09-27 4983
[code="js"] var card=document.getElementById('login-link'); if(document.createEvent){ var ev = document.createEvent('HTMLEvents'); ev.initEvent('click', false, true); c...
部分ios的safari输入框点击无响应
05-13
用户之前提到过iOS微信中Vue点击input需要两次才响应，以及候选汉字不触发keyup事件的问题，解决方案是使用input事件处理[^3]。这可能与当前问题有关联。 接下来，我需要分析输入框无响应的可能原因。常见的因素...
元素绑定click点击事件方法
09-03
然而，不同浏览器之间的兼容性问题仍然存在，例如Safari/Chrome在某些版本中不支持非`input/button`元素的`click()`方法，而Firefox则在较新的版本中实现了这一点。 为确保跨浏览器的兼容性，开发者需要考虑使用`...
IOS设备上给body绑定click事件不生效的原因及解决办法
09-01
这个问题主要出现在iOS的Safari浏览器或者基于WebKit的浏览器中。本文将深入探讨这个问题的原因，并提供几种可行的解决方案。 首先，我们需要理解事件冒泡的概念。在DOM中，事件会从最具体的元素（即事件触发的元素...
mazemazecolor:实现Safari中动态颜色的跳动滚动效果
综上所述，这个文件中涉及到了在iOS8及以上版本的Safari浏览器上，使用JavaScript和CSS实现具有动态和视觉吸引力的弹跳滚动效果，同时也考虑到了浏览器兼容性、响应式设计、动态内容更新和编程逻辑等多个方面的知识...
后端已经正确设置响应头后前端下载的文件依旧不是中文。
最新发布
07-17
问题：后端已经正确设置响应头，但前端下载的文件名依旧不是中文。 原因分析：这通常是由于前端请求方式（如AJAX）或浏览器处理机制导致的。常见情况如下： 1. 使用AJAX请求下载文件，但未正确处理响应。 2. ...
前端开发中的一些小问题
留白声的博客
06-09 1298
1、移动端的点击事件中，点击后会闪烁或者闪一下有背景颜色的图层： 解决方法：在点击事件的元素中添加如下css代码：-webkit-tap-highlight-color:transparent; 2、文字过长显示省略号： width: 740px; /* 内容过长显示成省略号（内容显示为一行） */ white-space: nowrap;/设置不换行/ overflow: hidden; /设置隐藏/ text-overflow: ellipsis; /设置隐藏部分为省略号/ 3、隐藏滚动条和设置样式：
Safari浏览器兼容性问题
xiamocsdn的博客
06-10 3116
解决Safari关于css样式的一些兼容性问题
document.getElementByID('btn').click();
热门推荐
十年之约
02-02 1万+
<input type='button' id='btn' onclick='setoption()' /> document.getElementByID('btn').click();
javascript使用dispatchEvent解决如safari等高级浏览器js点击click失效的问题
qq_36250578的博客
05-31 3817
上传功能，我们一般是另外做一个按钮将click函数绑定到上面去。最近给客户做头像上传的功能，在安卓机上试验没问题，但是使用ios的话，会出现上传按钮点击不了。查了一些资料应该是一些比较高级的浏览器对display为none的节点的一些限制。下面是我的解决办法使用dispatchEvent事件分发，来代替直接对file的click函数调用。$(document).on('click','#erer'...
safari浏览器下jquery点击click无效解决方法
linjingyg的博客
12-17 872
　　 　　最近在一个网站建设公司客户的web前端外包的项目中，我们就碰到了这样一个问题， 苹果手机下safari浏览器下jquery点击click无效， 但是安卓或者pc上不存在这个问题。代码片段是没有问题的 　　//示例弹窗$(document).on('click','#exp',function(){ 　　$("#mask").fadeIn(); 　　$("#example").fadeIn(); 　　$(this).addClass("selected");}); 　　后来查阅很..
ios下Safari无法触发click事件的处理
Jack huang的专栏
02-27 938
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;122&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-sc
各浏览器对document.getElementById等方法的实现差异
weixin_34102807的博客
03-24 292
所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素，自从元老级JS库Prototype流行后，都喜欢这么简写它 // 方式1 function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写，而不用下面的方式写呢？ // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值