移除事件unbind()

最新推荐文章于 2024-05-08 22:09:11 发布
最新推荐文章于 2024-05-08 22:09:11 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： jQuery学习笔记

unbind([type],[data])
1、没有参数，则删除所有的绑定事件
2、提供事件类型作为参数，则删除该类型的绑定事件
3、把绑定时传递的处理函数作为参数，则删除该函数 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Panel</title>
<style type="text/css">
*{margin:0;padding:0;}	
body { font-size: 13px; line-height: 130%; padding: 60px; }
p {width:200px;background:#888;color:white;height:16px;}
</style>
<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
/*unbind([type],[data])
1、没有参数，则删除所有的绑定事件
2、提供事件类型作为参数，则删除该类型的绑定事件
3、把绑定时传递的处理函数作为参数，则删除该函数	  
*/
$(function() {
	$('#btn').bind("click", myFun1 = function() {
		$('#test').append("<p>我的绑定函数1</p>");
	}).bind("click", myFun2 = function() {
		$('#test').append("<p>我的绑定函数2</p>");
	}).bind("click", myFun3 = function() {
		$('#test').append("<p>我的绑定函数3</p>");
	});

//	//1、没有参数，则删除所有的绑定事件
//	$('#delTwo').click(function() {
//		$('#btn').unbind();
//	});
//	//2、提供事件类型作为参数，则删除该类型的绑定事件
//	$('#delTwo').click(function() {
//		$('#btn').unbind("click");
//	});
	//3、把绑定时传递的处理函数作为参数，则删除该函数	  
	$('#delTwo').click(function() {
		$('#btn').unbind("click", myFun2);
	});

})
</script>
</head>
<body>
<button id="btn">点击我</button>
<div id="test"></div>
<button id="delTwo">删除第二个事件</button>
</body>
</html>

参考《锋利的jQuery（第2版）》

佛佛ง
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery入门——移除绑定事件unbind方法概述及应用
10-27
如果只调用`unbind()`而不提供参数，它将移除选择器匹配的所有元素上的所有事件处理函数。如果指定了`eventType`，则只会解除相应类型事件的绑定。更进一步，如果同时提供了`function`参数，那么只有与该函数相匹配...
JQuery中绑定事件（bind()）和移除事件（unbind()）
10-24
本文主要向大家详细介绍了jQuery的绑定事件和移除事件的使用方法和示例分享，这里推荐给有需要的小伙伴们参考下。
unbind()解决多次弹窗问题
u010865136的专栏
03-23 1217
一、遇到的问题 点击按钮，弹窗；关闭弹窗，再次点击按钮，会同时出来两个相同的弹窗；依次类推，多次弹窗 二、解决问题 按钮的点击事件被多次绑定，导致按钮的事件执行次数，随着弹窗弹出的次数累加，解决方法，再次点击按钮前先通过unbind()解绑之前的点击事件，这样就不会多次绑定点击事件了 $('.test').unbind("click").bind("click",function(e){ //TODO 点击事件触发的代码 }); ...
c语言获取pmbus之pec值
wit_yuan的专栏
08-21 1373
1.c语言获取pmbus pec值方法 #include <stdio.h> #include <string.h> unsigned char _psu_crc8(unsigned char initial,unsigned char *data, int size) { unsigned char crc = initial; unsigned char poly = 0x07; int bit; while (size--) { .
pytorch基础: torch.unbind()
最新发布
@bangbang的博客
05-08 579
【代码】pytorch基础: torch.unbind()
torch.unbind()
lxhRichard的博客
11-15 1666
torch.unbind()函数详解
Roofit里面的bin和unbin
Ares1121的博客
08-09 455
root.cern学习
PyTorch | 拼接与拆分
m0_52650517的博客
09-02 495
pytorch 拼接与拆分一、拼接二、拆分 一、拼接 torch.cat(inputs,dim=0)：torch.cat(inputs, dim=0)：torch.cat(inputs,dim=0)：在给定维度 dimdimdim(默认为0) 上对输入的张量 inputsinputsinputs 进行拼接操作，只需要给定维度 dimdimdim 上的形状相同即可 。 torch.stack(sequence,dim=0)：torch.stack(sequence, dim=0)：torch.stack(
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
10-22
主要介绍了jQuery绑定事件监听bind和移除事件监听unbind用法,结合实例形式详细分析了绑定事件监听bind和移除事件监听unbind的具体使用技巧与相关注意事项,需要的朋友可以参考下
浅析jquery unbind()方法移除元素绑定的事件
10-22
下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
bind和unbind事件
kids_fan的博客
02-27 2015
一、简介 bind的作用是绑定事件，为每个匹配元素的特定事件绑定事件处理函数。和一般的帮定不同，bind是同时为多个元素绑定事件处理函数，可以绑定多个事件处理函数。 bind和on作用一样，都是在选择元素上绑定一个或多个事件的事件处理函数。所以在jQuery3.0开始，bind慢慢的淡出了我们的视野。 unbind=un+bind。un是有No的意思，unbind的作用是为bind服务的，跟bind相反，其作用是删除绑定的事件，从每一个匹配的元素中删除绑定的事件。 unbind也和off一个样，作用上也是在
jQuery的unbind()函数详解
weixin_30631587的博客
12-01 226
jQuery的绑定事件非常方便，有bind、unbind、live、one,还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要 view source print? 1 $("#testButton").click(function() { 2 aler...
jquery unbind 无效
zjutke的专栏
04-24 3544
jquery中的unbind只对某个事件是通过JQUERY的bind函数动态绑定的事件才有解除的效果，如果你的td的ondblclick是通过bind绑定的，则unbind有效，但你的td的ondblclick是通过html中已经赋给它双击事件了，故unbind是没用的。 所以用原始的js方法 去除事件： document.getElementById("submitrefre
jquery中click事件绑定及移除的几种方法总结
weixin_44153063的博客
11-29 746
绑定click事件 一：直接在html标签里添加事件-----HTML元素行间事件(这种写法是JavaScript原生事件) <input id="btn" type="button" value="点我" οnclick="test();" /> function test() { alert("行间事件"); } 缺点：html与js紧密耦合 二：使用jq的click...
jQuery:unbind方法的使用详解
qq_25103783的博客
10-19 1109
一、概述：unbind方法只能解绑用jQuery的bind方法以及用jQuery方法注册的事件处理程序。比如：$(‘a’).click(function(){})可以通过unbind解绑。用原生addEventListener以及IE下的attachEvent注册的事件以及使用onclick/onmouseover属性绑定的事件不能通过unbind进行解绑。  例如： 以下的事件可以通过unb
python图形化编程更改内部参数_PYTHON图形化操作界面的编程十一__画布及应用
weixin_39789979的博客
11-25 413
PYTHON图形化操作界面的编程十一__画布及应用十九、画布及应用二1、画布对象的其他方法1）move方法：用于移动画布上绘制的对象，其用法如下：下面有三行代码，第一行代码创建了画布对象H，第二行代码在画布上绘制了一个圆形，并将圆形对象的名称保存在变量x中,第三行代码用来移动x对象，使x对象的x和y坐标均增大了10个像素。H=Canvas(w,width=400,height=400)x=H.cr...
python中bind的用法_Python tkinter之控件方法bind的使用
weixin_36367702的博客
02-03 3382
1.调用规则：窗体对象.bind(事件类型，回调函数)2.表示鼠标左键单击，其中的1换成3表示右键被单击，为2的时候表示鼠标中键t=Label(root, text='标签')t.bind(, 函数名) # 鼠标左键点击时调用函数例：1 from tkinter import *2 tk=Tk()#父窗口类实例3 tk.title("bind用法实例")#窗口标题45 def LoveChina...
jQuery学习笔记之unbind()
不务正业的野猴子
04-04 753
jQuery学习笔记之.unbind()本文目标1 了解.unbind()的几种调用方式及其参数含义 2 了解通过函数名解绑事件 3 了解利用命名空间解绑事件学习资料官方描述文档： http://api.jquery.com/unbind/#unbind-eventType-handler/ 中文描述文档： http://www.css88.com/jqapi-1.9/unbind/ 建议：
JavaScript事件移除与一次性事件处理
`unbind()`方法是jQuery中用于移除事件处理程序的主要工具。例如，如果你想移除一个按钮（id为"btn"）上的所有`click`事件，你可以使用以下代码： ```javascript $("#btn").unbind("click"); ``` 这将确保该按钮不再...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值