jquery绑定click事件，在ios7 8下不触发的bug

最新推荐文章于 2023-06-18 21:21:38 发布
最新推荐文章于 2023-06-18 21:21:38 发布
阅读量1.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mm9mm8/article/details/49513181
版权 
在项目中遇到一个很诡异的bug，下面这段特别基本的代码，在IOS7 ， IOS8下的Safari中竟然不起作用！仔细研究之后，发现这段代码用在A标签上，是有用的。
$("body").on("click",".xxx",function(e) {
    alert("clicked");
});
解决问题有点出乎意料地简单，只需要在.xxx的css上加上cursor:pointer;就能够正常使用了。
原因：http://www.quirksmode.org/blog/archives/2010/10/click_event_del_1.html
 


                

        

        

    

  


    

      

        

            

              
                
                  KeevaJ
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
2023年前端面试汇总-React

				
			

			

				

					越陌度阡
				

				

					06-29
					
					841
					
				

			

		

		

			
				
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event

			
		

	



                

              
                



	

		

			

				
					
H5移动端常见问题

				
			

			

				

					happy任的博客
				

				

					04-13
					
					2257
					
				

			

		

		

			
				
h5 常见问题

1. H5 页面窗口自动调整到设备宽度，并禁止用户缩放页面
一、HTML 页面结构
// width    设置 viewport 宽度，为一个正整数，或字符串 'device-width'
// height   设置 viewport 高度，一般设置了宽度，会自动解析出高度，可以不用设置
// initial-scale    默认缩放比例，为一个数字，可以带小数
// mi...

			
		

	



                


  
              

                


	

		

			

				
					
jQuery点击事件在iOS失效

				
			

			

				

					bubbleyang的博客
				

				

					06-18
					
					283
					
				

			

		

		

			
				
但是当$(document).on(‘click’,‘.btn’,function(){});当使用委托给一个元素添加click事件时，如果事件是委托到 document或 body上，并且委托的元素是默认不可点击的（如 div, span等），此时 click事件会失效。需要这样事件委托，$(‘XXX’).on(‘click’,‘.btn’,function(){});这样点击事件可能会不生效。​2、将 click 事件委托到​​​​​非 document 或 body 的​​父级元素上；

			
		

	





	

		

			

				
					
Jquery的$(document).click() 在iphone手机上失效的问题

				
			

			

				

					Hello博客
				

				

					05-15
					
					1632
					
				

			

		

		

			
				
当一个div用来做按钮点击事件
<div class="login">登录</div>
<script>
	$(document).on("click",".login",function(){
	    alert('login');
	});
</script>

就是这样一个点击事件在iPhone手机上是无效的，查阅资料说是div自身没有点击事...

			
		

	



		

			
		



	

		

			

				
					
jquery动态绑定在IOS失效的问题

				
			

			

				

					JeffreyWang的技术博客
				

				

					03-08
					
					396
					
				

			

		

		

			
				
文章目录背景问题复现解决方案
背景
在一个微信项目中，由于某些元素是动态添加的，所以使用了jquery的on(‘click’, ‘xx’, function(){});来进行动态绑定点击事件，但是在IOS下，此法失效，经过一番资料查找，终于找到了解决方案。
问题复现
html代码：
<html>
	<head>
		<title>测试</title>...

			
		

	





	

		

			

				
					
iOS8需要兼容的内容

				
			

			

				

					liuwuguigui的专栏
				

				

					09-23
					
					2311
					
				

			

		

		

			
				
1.iPad上使用presentModalViewController方法后，

			
		

	





	

		

			

				
					
zepto和jq的live事件在ios8.0中有问题

				
			

			

				

					kongjiea笔记
				

				

					12-05
					
					5306
					
				

			

		

		

			
				
昨天突然发现用zepto和jq1.7.2版本的live事件无效，但是pc 和安卓却可以
代码是$('.box').live('click',function(){
        alert(1)
})

很郁闷。经过折腾发现有三个办法能解决
1、jq的最高版本发现可以，
2.用delegate方法也行
3、用touchjs委托

			
		

	





	

		

			

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

				
			

			

				

					08-28
				

			

		

		

			
				
在iOS下的Safari浏览器中，点击事件可能会失效，这是由于委托给一个元素添加click事件时，事件是委托到document或body上，并且委托的元素是默认不可点击的（如div, span等），此时click事件会失效。  问题描述： 当...

			
		

	





	

		

			

				
					
JavaScript事件详解-zepto的事件实现（二）【新增fastclick阅读笔记】

				
			

			

				

					ysum6846的博客
				

				

					01-09
					
					838
					
				

			

		

		

			
				
正文

作者打字速度实在不咋地，源码部分就用图片代替了，都是截图，本文讲解的Zepto版本是1.2.0，在该版本中的event模块与1.1.6基本一致。此文的fastclick理解上在看过博客园各个大神的文章后对我确实有很大的帮助，当然，我的某些观点可能不是很准确甚至有错误，欢迎讨论，白天基本在线。

zepto的event
可以结合上一篇JavaScript事件详解-原生事件基础（一）

			
		

	





	

		

			

				
					
前端非框架类知识点汇总

				
			

			

				

					weixin_46044936的博客
				

				

					07-26
					
					2484
					
				

			

		

		

			
				
html单词库
<link rel="stylesheet" href="css文件路径">css引入

<iframe src="danghang.html" width="100%" height="310px" frameborder="0"></iframe>
图片标签：
img src="" title="" alt="" 
src属性 是指图像文件路径
alt属性 是在图片加载不出来时替换成文本
title属性 是在鼠标悬停的时候显示
srcset属性 是在不

			
		

	





	

		

			

				
					
jquery绑定click事件，在ios7 8下不触发的bug   iPhone手机上使用jQuery的die、live和on注册click事件无法点击

				
			

			

				

					GuangRong1的博客
				

				

					07-07
					
					985
					
				

			

		

		

			
				
在项目中遇到一个很诡异的bug，下面这段特别基本的代码，在IOS7 ， IOS8下的Safari中竟然不起作用！仔细研究之后，发现这段代码用在A标签上，是有用的。$("body").on("click",".xxx",function(e) {
    alert("clicked");
});解决问题有点出乎意料地简单，只需要在.xxx的css上加上cursor:pointer;就能够正常使用了...

			
		

	





	

		

			

				
					
关于jquery中on绑定click事件在苹果手机失效的问题

				
			

			

				

					北地程序星域※巨猿星
				

				

					06-08
					
					2万+
					
				

			

		

		

			
				
用一个div当做了一个按钮来使用。<div class="button">
    <div class=" next_button button_left btn_red" style="width: 345px;">
    下一步
    </div>
</div>因为是动态添加的内容，所以想要使用click事件，需要给他用on绑定一下：$(document).on("click",".nex

			
		

	





	

		

			

				
					
$(document).click() 在iphone上不触发事件解决办法

				
			

			

				

					Cooky的博客
				

				

					12-12
					
					2万+
					
				

			

		

		

			
				
div class="name">点我div>
$(document).on("click", ".name", function() {
    alert("name");
});

以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应 
查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件， 
就是说如果这个name标签是button

			
		

	





	

		

			

				
					
关于IOS不能使用JQUERY的ON事件

				
			

			

				

					m0_37310097的博客
				

				

					08-02
					
					3304
					
				

			

		

		

			
				
$(document).on('click','.a .b',function(){
var id=$(this).attr('id');
if(id){
window.location.href="{WEB_PATH}/mobile/mobile/item/"+id;
}
}); 将click 改成 click touchstart$(document).on('click touchstart'

			
		

	





	

		

			

				
					
移动端动态节点绑定事件ios点击失效

				
			

			

				

					Eighteen Z
				

				

					06-27
					
					4370
					
				

			

		

		

			
				
当你的DOM节点是动态生成在页面上的时候。 
普通的点击$(‘xx’).click()会因为获取不到dom元素而致使点击失效。 
一    这种情况下一般使用时间托管例如jq的:$(document).on('xx','click',fn)这个通过事件托管可以让jq获取到动态生成的dom节点，以此解决点击失效的问题。 
二   然而在ios上这样的方法解决不了这个问题,原因是:
在ios系统中,例如

			
		

	





	

		

			

				
					
iOS开发-截获html按钮点击事件，实现js调用native代码

				
			

			

				

					小瓶子的CSDN
				

				

					09-18
					
					3978
					
				

			

		

		

			
				
在上一篇文章中我介绍了如何在webView上添加头部与尾部原生控件，今天为大家简要说明一下如何点击webView上的控件之后调用native代码：
1.

			
		

	





	

		

			

				
					
苹果手机  jquery点击事件无效

				
			

			

				

					wjm0519的博客
				

				

					05-31
					
					4084
					
				

			

		

		

			
				
由于项目需求，在苹果移动设备上使用jquery事件时无效解决方法：在点击当前元素上添加样式css的手势样式即&lt;style&gt;    .next_button{            cursor:pointer    }&lt;/style&gt;然后点击就没问题了...

			
		

	





	

		

			

				
					
关于IOS下click事件委托失效的解决方案

				
			

			

				

					weixin_34041003的博客
				

				

					04-18
					
					178
					
				

			

		

		

			
				
一、由于某些特殊情况下，需要用到事件委托，比如给动态创建的DOM绑定click事件，这里就需要事件委托(这里就牵扯到：目标元素和代理元素)目标元素：动态创建的元素，最终click事件需要绑定到该元素
代理元素：动态创建的元素的父级元素，或者document,body等。
二、BUG情况
当使用事件委托给【目标元素】添加 click 事件时，如果【代理元素】是 document或body，并且...

			
		

	





	

		

			

				
					
jQuery触发a标签的click事件

					
热门推荐

				
			

			

				

					我就是我不一样的美男子！
				

				

					10-10
					
					3万+
					
				

			

		

		

			
				

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;title&gt;测试&lt;/ti

			
		

	





	

		

			

				
					
jquery绑定click事件传递参数

					
最新发布

				
			

			

				

					08-12
				

			

		

		

			
				
在jQuery中，绑定click事件并传递参数可以通过以下几种方式实现。首先，如果是通过on方法绑定事件，可以传入四个参数：jQuery.on(events,[selector],[data],fn)。其中，data参数就是用来传递参数的。另外，如果是...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值