注册事件的两种方式

最新推荐文章于 2021-08-25 21:34:18 发布
最新推荐文章于 2021-08-25 21:34:18 发布
阅读量336 收藏 1
点赞数
分类专栏： js编程 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48340600/article/details/108734910
版权

注册事件的两种方式

第一种方式：

1、同一个事件，只能触发一个函数，多个函数会被最后一个覆盖掉 

2、删除事件的方式

div.onclick = null

第二种方式：（推荐）

1、多个函数会顺序执行

2、参数为3个：

（1）、触发事件方式

（2）、触发事件所执行的函数

（3）、布尔值，false为事件冒泡，true为事件捕获（之后的DOM事件流会解释）

3、删除事件的方式

div.removeEventListener('click',函数名)

因为删除事件时，要用到函数名，因此我们在定义函数时就不能用匿名函数的方式来做，删除时，就需要单独为命名函数

第三种方式：

尽量不要使用，兼容问题（ie9以前可用）

ES6
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
注册事件（两种方式）
DF_jie的博客
11-23 2004
注册事件（两种方式） 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统注册方式和监听注册方式。 传统注册方式 利用on开头的事件 onclick btn.onclick = function(） {} 特点：注册事件的唯一性 同一元素同一事件只能设置一个处理函数，最后注册的处理函数讲覆盖前面注册的处理函数。 监听注册方式 addEventListener() 它是一个方法 IE9 之前不支持此方法，可使用attachEvent（）代替 特点：同一个元素同一个事件可以注册多个监听
Android 注册广播的两种方式对比
08-30
Android注册广播主要有两种方式：静态注册和动态注册，这两种方式各有优缺点，适用于不同的场景。 1. 静态注册（常驻型广播） 静态注册是指在AndroidManifest.xml文件中声明广播接收器。这种方式创建的广播接收器...
JavaScript中注册事件的两种方式(目前我知道的)
weixin_44238754的博客
01-02 977
方法一(间接注册事件): $(function(){ doLoadUI( “id选择器，class选择器，元素选择器” , “Controller中对应的URL” ); }); function doLoadUI (domId,url){ $(domId).click(function(){ //异步加载url对应的资源,并将资源插入到#mainContentId位置 $("#mainC...
JavaScript事件处理的方式(三种)
11-25
有两种主要的事件流模式：事件冒泡和事件捕获。事件冒泡是指事件从最具体的元素（最深的子节点）开始，然后逐级向上层元素传递，直到到达最不具体的节点（通常是document）。事件捕获则相反，事件首先由最不具体的...
Android注册广播的两种方法分析
09-02
了解这两种注册广播接收器的方法后，开发者可以根据实际需求选择合适的方式。静态注册适用于需要长期监听广播事件的情况，如系统级别的事件；动态注册适用于应用自身的业务逻辑，需要在特定时刻接收广播的情况。同时...
动态注册事件_鼠标拖曳
04-02
事件的注册方式分为静态和动态两种。静态注册是在程序启动时预先定义好要响应的事件，而动态注册则允许程序在运行时根据需要添加或删除事件处理函数。动态注册事件的优点在于提高了程序的灵活性，可以根据特定条件或...
注册事件两种的方法
weixin_49884163的博客
08-14 255
传统方式注册事件 后面注册的事件会覆盖之前的。 <script> let btns = document.querySelector('button'); btn.onclick = function() { alert('123'); } btn.onclick = function() { alert('456'); } </script&gt.
DOM：注册事件的两种方式：传统方式和方法监听注册方式
weixin_46682277的博客
03-24 458
传统事件注册方式： 利用on开头的事件，比如：onclick onmouseover等 btn.οnclick=function(){} 特点：注册事件的唯一性(唯一性就是同一个元素同一个事件只能设置一个处理函数，最后的注册事件函数会覆盖前面注册的事件函数) 代码示例： <button class="btn1">按钮</button> <script> var btn1 = document.querySelector(".btn1"); btn1.οnclick
注册事件的两种方式、事件对象、节流阀思想、offset概述、div拖拽思想
m0_46270297的博客
04-12 158
一、注册事件的两种方式 // 1. 使用on来注册 // 特点： 注册事件的唯一性（只能有一个） // 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数 // 删除事件 eventTarget.onclick = null; // 缺陷：给同一个元素注册同一个事件多次，后面的会覆盖前面的 // 2、addEventListener() => 注册事...
<jQuery> <方法> 十七. on注册事件的两种方式(简单事件和委托事件)
weixin_30650039的博客
01-12 88
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" value="添加"&g...
注册事件的两种方式（传统注册事件、方法监听注册事件）
...
08-25 444
注册事件的两种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t
注册事件和删除事件的三种不同方式
a63438840的博客
09-07 162
<1>注册事件（绑定事件） 方法①：传统方式注册事件 divs[0].onclick=function(){ alert("1"); } 方法②：事件侦听注册事件 addEventListener divs[1].addEventListener('click' , funciton(){ alert("2"); }) divs[1]....
事件的注册
Judian6974的博客
08-09 714
事件的注册 三种方法： （1）使用onXXX属性，比如onclick=”fun()” （2）通过JS去设置元素的onXXX属性 （3）通过addEventListener注册 var txt1 = document.getElementById("txt1"); //注册事件的第二种方法 txt1.onblur = blur2; //注册事件
注册事件兼容性封装，支持IE6，7，8
03-23 89
//创建一个对象对浏览器进行能力检测，并且根据能力返回具体的注册事件方式 function createRegister(){ if(document.addEventListener){ //如果支持addEventlistener则直...
Android广播事件的注册方式有两种
最新发布
06-11
是的，Android广播事件的注册方式有两种：静态注册和动态注册。 1. 静态注册： 静态注册是在AndroidManifest.xml文件中通过<receiver>标签注册广播接收器，当广播事件发生时，系统会自动创建广播接收器并调用其onReceive()方法。静态注册的优点是可以在应用程序未启动或已经退出时接收广播事件，缺点是无法动态地添加或删除广播接收器，而且会导致无效的广播接收器占用系统资源。 示例代码： ```xml <receiver android:name=".MyBroadcastReceiver"> <intent-filter> <action android:name="android.intent.action.BOOT_COMPLETED" /> <action android:name="android.intent.action.PACKAGE_ADDED" /> <action android:name="android.intent.action.PACKAGE_REMOVED" /> <data android:scheme="package" /> </intent-filter> </receiver> ``` 2. 动态注册： 动态注册是在应用程序中通过代码注册广播接收器，当广播事件发生时，系统会回调已注册的广播接收器的onReceive()方法。动态注册的优点是可以动态地添加或删除广播接收器，而且可以避免无效的广播接收器占用系统资源，缺点是只有在应用程序已启动时才能接收广播事件。 示例代码： ```java MyBroadcastReceiver myBroadcastReceiver = new MyBroadcastReceiver(); IntentFilter intentFilter = new IntentFilter(); intentFilter.addAction(Intent.ACTION_BATTERY_CHANGED); registerReceiver(myBroadcastReceiver, intentFilter); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值