JS day37 删除解绑事件

最新推荐文章于 2024-01-26 09:30:00 发布

肝JOJO

最新推荐文章于 2024-01-26 09:30:00 发布

阅读量127

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_34620296/article/details/102182001

版权

JavaScript 专栏收录该内容

59 篇文章 1 订阅

订阅专栏

一.删除(解绑)事件的方式

例题:点击div弹出一个对话框,只能弹一次,下次再点就不弹出
1.传统注册方式
div.οnclick=null;
代码示例:

var divs=document.querySelectorAll('div');
divs[0].onclick=function(){
	alert('11');
	divs[0].onclick=null;
}

2.方法监听注册方式
①div.removeEventListener(type,listener[,useCapture]);
代码示例:

 var divs=document.querySelectorAll('div');
 divs[1].addEventListener('click',fn)
function fn(){
	alert('22');
	divs[1].removeEventListener('click',fn);  //移除fn
}

②div.detachEvent(eventNameWithOn,callback);
代码示例:

var divs=document.querySelectorAll('div');
divs[2].attachEvent('onclick',fn1);
function fn1(){
	alert('33');
	divs[2].detachEvent('onclick',fn1); //移除fn1
}

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>    
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

肝JOJO

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS day37 删除解绑事件

一.删除(解绑)事件的方式例题:点击div弹出一个对话框,只能弹一次,下次再点就不弹出1.传统注册方式div.οnclick=null;代码示例:var divs=document.querySelectorAll('div');divs[0].onclick=function(){ alert('11'); divs[0].onclick=null;}2.方法监听注册方式...
复制链接

扫一扫