js 事件的取消

最新推荐文章于 2022-07-14 18:21:53 发布
最新推荐文章于 2022-07-14 18:21:53 发布
阅读量3.3k 收藏
点赞数
分类专栏： js2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35187942/article/details/85956726
版权

ie:obj.detachEvent(事件名称，事件函数);

标准：obj.removeEventListener(事件名称，事件函数，是否捕获);

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{CHARSET}">
        <title></title>
        <script type="text/javascript">
            function fn1(){
                alert(1);
            }
            function fn2(){
                alert(2);
            }
            document.onclick = fn1;
            document.onclick = null;//取消
        </script>
    </head>
    <body>
        <div id="div1">
            <div id="div2">
                <div id="div3"></div>
            </div>
        </div>
    </body>
</html>

ie:obj.detachEvent(事件名称，事件函数);---------------------------------------------------------------

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{CHARSET}">
        <title></title>
        <script type="text/javascript">
            function fn1(){
                alert(1);
            }
            function fn2(){
                alert(2);
            }
            document.attachEvent('onclick',fn1);
            document.attachEvent('onclick',fn2);
            document.detachEvent('onclick',fn1);
        </script>
    </head>
    <body>
        <div id="div1">
            <div id="div2">
                <div id="div3"></div>
            </div>
        </div>
    </body>
</html>

-标准：obj.removeEventListener(事件名称，事件函数，是否捕获);-----------------------------------

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{CHARSET}">
        <title></title>
        <script type="text/javascript">
            function fn1(){
                alert(1);
            }
            function fn2(){
                alert(2);
            }
            document.addEventListener('click',fn1,false);
            document.addEventListener('click',fn2,false);
            document.removeEventListener('click',fn1,false);
        </script>
    </head>
    <body>
    </body>
</html>

输出：1-1-2

输出：1-2

 

我的奋斗ing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈javascript事件取消和阻止冒泡
10-24
主要介绍了浅谈javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以参考下。
js去除事件的方式
qq_42800468的博客
08-09 2834
传统方式，可以使用onclick = null; 新方式，使用removeEventListener
js的三大事件、事件移除、事件循环机制
yiyueqinghui的博客
06-10 5014
三大事件（鼠标事件、键盘事件、html事件） 1、鼠标事件 click：单击 dblclick：双击 mousemove：鼠标移动 mousedown：鼠标按下 mouseup：鼠标抬起 mouseover：鼠标悬浮 mouseout：鼠标离开 mouseenter：鼠标进入 mouseleave：鼠标离开 2、键盘事件 keydown：按键按下 keyup：按键抬起 keypress：按键按下抬起 3、HTML事件 load：文档加载完成 select：被选中的时候 change：内容被改变 f
js事件高级-删除事件(解绑事件) +DOM事件流
phoebemeng的博客
07-14 1803
删除事件(解绑事件) +DOM事件流
js如何取消事件？
热门推荐
羽公子的博客
11-25 1万+
事件处理程序分为DOM0级和DOM2级，如果是用onclick方式绑定的事件可以用如下方法取消： btn.onclick=null;//删除事件处理程序 如果使用addEventListener()方法添加事件，可以通过removeEventListener()移出事件，需要注意两点： 1.removeEventListener()的第三个参数必须和addEventListener()方法的第三...
JS笔记--day22. 01.jq取消绑定事件
lmd_hdx的博客
07-06 454
jq取消绑定事件
js如何取消事件冒泡
10-26
事件冒泡是什么意思这里就不为大家一一赘述了，下面为大家讲解的是js中如何取消事件冒泡，感兴趣的朋友可以参考下
分享JavaScript获取网页关闭与取消关闭的事件
10-26
主要介绍了JavaScript获取网页关闭与取消关闭的事件，有需要的朋友可以参考一下
js删除事件
黄大仙
08-07 2132
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 100px; height: 100px; background-color: pink; .
JavaScript中的事件取消
weixin_34358365的博客
03-19 216
JavaScript中事件取消分两种类型：一、取消事件的默认行为，比如：取消form表单默认的提交； 可以使用如下的代码来取消事件的默认行为： function cancelHandler(event) { var event = event || window.event;//IE8之前的event只能通过window.event来获得 ...
js取消 删除点击事件
h0713的博客
06-28 6205
用js赋予点击事件 var redone=document.getElementById("gd2_3"); redone.addEventListener('click',canbeclick,true); function canbeclick(){ alert("啊，好爽啊!"); } 用js取消/删除点击事件 redone.removeEventListener('click',canbeclick,true); 上面代码亲测有效。 因为看到网上有将redone.οnclick=
js 阻止事件执行
weixin_30697239的博客
04-11 2292
三种阻止事件执行的方式 event.preventDefault() event.stopPropagation() return false event.preventDefault() 阻止特定事件的默认行为（只有 cancelable 设置为 true 的事件才可以使用），比如：点击 type="submit" 的 input 标签提交表单，你在 onclick ...
js click事件 addEventListener 传参（event）
jingkai0714的博客
11-07 2947
就算是传参数在也不用在绑定事件的时候写（event） 注意这里是在vue中写的 所以有一个this指向问题 在箭头函数里 this指向的是document 这里赋值给that 在解绑的时候也不要写（event） 第三个参数是控制是否冒泡的 clickevent(event) { //const playbox = document.getElementsByClassName("PlayBox")[0]; //const boxindex = event.path.fin.
JS中的鼠标滚轮事件（onmousewheel、判断滚动的wheelDelta、detail，取消浏览器默认行为的preventDefault()方法）
Fantasc的博客
08-11 8903
onmousewheel事件：会在鼠标滚轮滚动的时候被触发，对鼠标滚轮是否滚动进行判断，但是火狐浏览器不支持这个属性。DOMMouseScroll可以为火狐浏览器绑定滚动事件，它需要通过addEventListener函数来绑定。 event.wheelDellta：可以用来获取鼠标的滚动方向，对于得到的值，只看正负，往上滚是正值，往下滚是负值。火狐浏览器不支持这个方法，需要会用event.detail来获取滚轮的滚动方向，向上是负值，向下是正值。 在页面有滚动条的时候，滚动条会随着鼠标滚轮滚动..
js删除事件(解绑事件)
m0_63400611的博客
12-08 1426
1.传统注册方式 eventTarget.onclick = null 2.方法监听注册方式 eventTarget.removeEventListener(type, listener[, useCapture]); <html> <head> <meta charset="utf-8"> <title>333333</title> <style> div { width: 100px; height: 1
js两种移除事件的方法
Smallwhitestrive的博客
10-08 7683
在js的学习中，为元素添加事件是非常常见的 那么，下面我带大家了解一下js中移除事件的两种方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="点我啊" id="fst" /> <input type
javascript——事件取消
weixin_34216107的博客
03-20 150
事件取消的第一种方法：document.onclick = null; 事件取消的第二种方法： IE: obj.detachEvent(事件名称，事件函数); 标准 : obj.removeEventListener(事件名称，事件函数，是否捕获); JS代码： window.onload = function(){ function fn1(){...
java 事件链_详解java设计模式之责任链模式
weixin_28900989的博客
02-24 263
从击鼓传花谈起击鼓传花是一种热闹而又紧张的饮酒游戏。在酒宴上宾客依次坐定位置，由一人击鼓，击鼓的地方与传花的地方是分开的，以示公正。开始击鼓时，花束就开始依次传递，鼓声一落，如果花束在某人手中，则该人就得饮酒。假比说，贾母、贾赦、贾政、贾宝玉和贾环是五个参加击鼓传花游戏的传花者，他们组成一个环链。击鼓者将花传给贾母，开始传花游戏。花由贾母传给贾赦，由贾赦传给贾政，由贾政传给贾宝玉，又由贾宝玉传给贾...
js停止其他的点击事件
H2520NY的博客
09-14 3829
window.event.stopPropagation();//停止另外的点击事件
JavaScript 取消默认事件
最新发布
06-07
JavaScript 中的 `preventDefault()` 方法可以用来取消默认事件。默认事件是指在特定的事件下，浏览器执行的默认操作，例如在链接上点击时，浏览器会跳转到链接地址所指向的页面。如果我们想要取消默认事件，可以...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值