jQuery如何取消事件绑定

最新推荐文章于 2024-05-18 18:58:15 发布
最新推荐文章于 2024-05-18 18:58:15 发布
阅读量358 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： jquery 前端 javascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechWhizKid/article/details/133575661
编程 专栏收录该内容
328 篇文章 ¥29.90 ¥99.00
订阅专栏
本文详细介绍了如何使用jQuery的函数取消事件绑定。通过提供事件类型，可以精确解除特定事件，或者一次性取消多个事件类型。同时，可以移除元素上的所有事件处理程序。示例代码展示了具体操作。

取消事件绑定是在jQuery中非常常见的操作之一。当我们需要停止特定元素上的事件响应时，我们可以使用jQuery提供的方法来解除事件绑定。本文将详细介绍如何使用jQuery取消事件绑定，并提供相应的源代码示例。

在jQuery中，取消事件绑定的主要方法是使用off()函数。off()函数用于移除一个或多个事件处理程序，它接受一个或多个事件类型作为参数。以下是使用off()函数解除事件绑定的基本语法：

$(selector).off(eventType);

其中，selector是要取消事件绑定的元素选择器，eventType是要取消的事件类型。下面是一个简单的例子，演示如何使用off()函数取消按钮的点击事件：


                

                
                
        

    


  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                

        


    



                



	

		

			

				
					
jQuery移除事件绑定的方法及示例代码

				
			

			

				

					2301_79326857的博客
				

				

					09-27
					
					350
					
				

			

		

		

			
				
在jQuery中，我们经常需要为页面元素绑定事件处理程序，以便对用户的交互作出响应。然而，在某些情况下，我们可能需要移除已经绑定的事件处理程序。本文将介绍如何使用jQuery来实现移除事件绑定，并提供相应的示例代码。方法可以接受更多的参数，以便进行更精确的事件处理程序移除。方法，我们可以方便地移除已经绑定的事件处理程序，从而实现对用户交互的灵活控制。因此，当按钮被点击时，将不再弹出警告框。本文介绍了如何使用jQuery移除事件绑定的方法。方法移除了该事件的所有处理程序。在上面的示例中，我们使用。

			
		

	



                

            
              



	

		

			

				
					
取消jQuery中已绑定的事件处理程序

				
			

			

				

					DevWizard的博客
				

				

					10-06
					
					169
					
				

			

		

		

			
				
在jQuery中，可以使用on()方法来绑定事件处理程序，但有时候我们可能需要取消已经绑定的事件。取消已绑定的事件处理程序可以使用off()方法。本文将详细介绍如何使用jQuery取消已绑定的事件处理程序，并提供相应的源代码示例。

			
		

	



              


  
              

                


	

		

			

				
					
解绑定jQuery事件的unbind()方法使用详解

				
			

			

				

					HackSquad的博客
				

				

					09-20
					
					402
					
				

			

		

		

			
				
至此，我们已经介绍了unbind()方法的使用方法，以及解绑定单个事件处理程序、解绑定多个事件处理程序、解绑定特定的事件处理程序和解绑定所有事件处理程序的示例代码。通过使用unbind()方法，你可以轻松地解绑定不再需要的事件处理程序，从而确保代码的整洁性和性能优化。如果要解绑定特定的事件处理程序，可以使用unbind()方法，并传入事件类型和要解绑定的处理程序函数作为参数。要解绑定单个事件处理程序，可以使用unbind()方法，并传入要解绑定的事件类型作为参数。元素关联的点击事件处理程序解绑定。

			
		

	





	

		

			

				
					
jQuery---解除事件

				
			

			

				

					Philo的博客
				

				

					01-26
					
					5772
					
				

			

		

		

			
				
jQuery—解除事件
常见的解除事件有三种，往往取决与你绑定事件所用的关键字：
举例1：
//绑定事件，使用id选择器给btn1绑定点击事件
			$("#btn1").on("click",function(){
				console.log("点击事件")
			}).mouseenter(function(){
				console.log("鼠标聚焦事件")
			})
			
			//点击第二个按钮，解除第一个按钮事件
			$("#btn2").on("click",function()

			
		

	



		

			
		



	

		

			

				
					
jQuery中的事件绑定和去除事件绑定

				
			

			

				

					入海数沙
				

				

					09-13
					
					315
					
				

			

		

		

			
				
前天+昨天在折腾本博主题 zSnos-private 的  ajax（jQuery） 加载时碰到一个很郁闷的问题，就是不知道如何去除事件绑定，导致 ajax 请求数成倍增长，囧～ 由于没有学过 js ，所以对这些东东不太了解，碰到问题没啥反应，在 Twitter 上请教了 js 高手 Qiqiboy，他说 js 的他会，但 jQuery 的不太了解。于是自己放狗搜…… 找到一些资料，特贴此以备忘。...

			
		

	





	

		

			

				
					
jQuery取消绑定事件

				
			

			

				

					红尘炼炼心的博客
				

				

					03-14
					
					2236
					
				

			

		

		

			
				
一个已被绑定的事件可以解除绑定，通过off('click', function)实现


function hello() {
    alert('hello!');
}

a.click(hello); // 绑定事件

// 10秒钟后解除绑定:
setTimeout(function () {
    a.off('click', hello);
}, 10000);


...

			
		

	





	

		

			

				
					
jQuery_解绑事件

				
			

			

				

					大脸猫~
				

				

					06-26
					
					1673
					
				

			

		

		

			
				
一.解绑事件 
如果用bind绑定事件，解绑要用unbind

如果用delegate绑定事件，解绑要用undelegate

如果用on绑定事件，解绑要用off

要一一对应

eg：

//on 绑定事件
    $('ul').on('click','li',function(){
        alert($(this).html())
    });

    //解绑事件，off的参...

			
		

	





	

		

			

				
					
jQuery--解除事件绑定

				
			

			

				

					吴声子夜歌的博客
				

				

					10-02
					
					3318
					
				

			

		

		

			
				
解除事件绑定
在元素绑定事件之后，当在某个时刻不再需要该事件处理时，可以解除所绑定的事件。在jQuery中提供了unbind()和undelegate()方法，分别用于解除由bind()和delegate()方法所绑定的事件，通过参数指明需要解除的绑定事件即可。当方法没有提供参数时，表示解除该元素所有的事件绑定。
在jQuery1.7+中提供了off()方法，用于解除由on()、bind()和de...

			
		

	





	

		

			

				
					
(08)jQuery事件绑定以及解绑

				
			

			

				

					dadaDaShiXiong的博客
				

				

					12-22
					
					1226
					
				

			

		

		

			
				
jquery 事件绑定的四种方式

事件绑定 4种方式 1.
click... 2.bind 1.7版本以后用on代替了 3.delegate
 4.on
1. $("li").click(function () {
//常用,但是优缺点 新创建出来的不会被绑定

alert("我是一个点击");

});


3.父元素点delegate("子元素选择器","事件名称不

			
		

	





	

		

			

				
					
jQuery解绑事件

				
			

			

				

					seiEight的博客
				

				

					06-16
					
					1046
					
				

			

		

		

			
				
off(events,[selector],[fn])
off()  在选择元素上移除一个或多个事件的事件处理函数。

events

 一个或多个空格分隔的事件类型,比如"click"


selector

选择器


fn

事件处理程序函数以前附加事件上，或特殊值false

例:
$("p").off() //移出所有事件
$("p").off( "click", "**" ) //从所...

			
		

	





	

		

			

				
					
JQuery中绑定和解绑事件

					
最新发布

				
			

			

				

					sunset_bo的博客
				

				

					05-18
					
					746
					
				

			

		

		

			
				
绑定事件

语法：bind(type,[date],fn);

type:事件类型，主要包括click，mouseover，mouseout等基础事件，

此外还可以是自定义事件

date:可选函数

fn:处理函数

移除事件使用unbind()方法

语法：unbind([type],[fn])

type:事件类型，主要包括：布鲁日，focus，click，mouseout等基础事件

fn:处理函数

注意：当unbind()不带参数时，表示移除所绑定的全部事件


<!DOCTYPE ht

			
		

	





	

		

			

				
					
jquery取消和绑定事件

				
			

			

				

					zxphwz的专栏
				

				

					11-06
					
					858
					
				

			

		

		

			
				
a id="confirme" href="javascript:ovid(0)">点击1a>

input id="concel" type="button" value="取消事件" />
input id="bind" type="button" value="绑定事件" />

script>

    function close(){
        alert("1");
    }

			
		

	





	

		

			

				
					
jQuery事件注册及处理

				
			

			

				

					weixin_45785652的博客
				

				

					06-05
					
					367
					
				

			

		

		

			
				
jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：


优点: 操作简单，且不用担心事件覆盖等问题。
缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。

语法
演示代码
<body>
    <div></div>
    <script>
        $(function() {
            // 1. 单个事件注册
            $("div").click(function(

			
		

	





	

		

			

				
					
jQuery事件绑定与解绑

				
			

			

				

					执笔丶画苍生的博客
				

				

					08-13
					
					2913
					
				

			

		

		

			
				
当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)

			
		

	





	

		

			

				
					
jQuery解除事件绑定 unbind

				
			

			

				

					shuai的博客
				

				

					04-14
					
					1264
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<title></title>
		...

			
		

	





	

		

			

				
					
jQuery事件绑定，解绑方式

				
			

			

				

					董无敌啊
				

				

					03-17
					
					2024
					
				

			

		

		

			
				
绑定事件
普通方法：$(selector).click(fn)
绑定多个事件：$(selector).bind(“event1 event2”,fn)
动态创建元素绑定事件：$(parentEle).delegate(childEle,”event1 event2”,fn)
终极版本：$(parentEle).on(“event1 event2”,childEle,fn)
触发事件
简单触发事件

			
		

	





	

		

			

				
					
jQuery 事件解绑

				
			

			

				

					黄大仙
				

				

					08-28
					
					286
					
				

			

		

		

			
				
事件.off([事件名][, [子元素名]])
一次性事件:
事件.one(), //用法同on
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<script>
    

			
		

	





	

		

			

				
					
jquery 添加、取消、修改绑定事件

				
			

			

				

					人有匪气，代码才能飞起
				

				

					03-01
					
					3372
					
				

			

		

		

			
				
1、使用 
$('#id').attr('onclick','xxx')修改绑定事件，那么firebug虽然显示属性修改过来了，但是实际上触发的还是老方法




2、如果元素$('#id')本来就含有一个onclick方法，使用$('#id').live('onclick',functionA)
 修改绑定方法，那么实际上触发时候，新老方法都会调用。
必须先解除绑定，当然可以直接

			
		

	





	

		

			

				
					
JS笔记--day22. 01.jq取消绑定事件

				
			

			

				

					lmd_hdx的博客
				

				

					07-06
					
					573
					
				

			

		

		

			
				
jq取消绑定事件

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值