js调用委托注册事件

于 2021-05-11 15:02:41 发布
阅读量137 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45549650/article/details/116655606
版权

既然是委托事件，该事件必然是注册在父元素上，这里可以使用

父元素.fristElementChild.click()

来调用该元素的委托事件。
委托事件注册在父元素上

易小染
关注
专栏目录
Javascript中的事件处理（事件注册、删除、委托）
m0_46420078的博客
11-29 1166
一、Javascript中的事件处理 1、事件 ：用户进行的某种操作 2、事件源：产生（触发 ）事件的对象 3、事件处理程序（事件处理函数 ）：当事件被触发后所执行的操作（代码） 4、事件的注册：让浏览器对象能够识别事件 （1）传统的方式注册 ：元素对象.事件名 = function（）{ 事件处理程序 } <b...
js 事件委托(事件代理)
本杰明的博客
07-26 838
事件委托，又名事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举例来讲，如果我们准备为一个dom绑定一个click事件，那么我们在dom上直接添加事件监听就可以了：<ul class="ul"> <li>1</li> <li>2</li> </ul> window.onload = function() { var ul = document
jQuery学习笔记（7.1）注册事件 bind（）委托注册delegate（）事件
weixin_44138076的博客
07-25 163
1.普通的注册事件 例： html： <div>1</div> js: $(document).ready(function(){ $("div").click(function(){ alert("1"); }); }); 点击1，会弹出提示框1 2.bind()注册事件 例： html： <div>1</div> js: $(doc...
用javascript实现“委托”
liaozhiweihaifeng的专栏
06-17 1024
用javascript实现“委托” 以前用.net比较多，近几年因为开发ajax项目，javascript也用了比较频繁，因为要实现一些客户端的架构，所以使用起来不像以前只是验证下表单，发现其实js也有一些比较高级的应用，以下就简单介绍一下js和.net有些相似的特性。.net的一个高级特性“委托”，其实js也有类似的一个功能，不过没有人称之为“委托”，以前接触.net是学习委托时候，
Js注册事件的3种写法
S_xiajinghan的博客
03-23 8611
&lt;input type="button" value="按钮" onclick="alert('助教喜欢的是男人');"/&gt; &lt;input type="button" value="按钮2" id="btn2"/&gt; &lt;input type="button" value="按钮3"
JS中的事件委托实例浅析
10-18
JavaScript中的事件委托是一种高效处理大量动态元素事件的技术，它的核心思想是将事件监听器添加到父级元素上，而不是直接添加到每个子元素。通过利用事件冒泡的特性，当子元素触发事件时，事件会向上冒泡到父元素，...
js之事件冒泡，事件捕获，事件委托
01-08
事件冒泡、事件捕获和事件委托是JavaScript事件模型中的三个重要概念。 首先，事件捕获是一种事件处理机制，它从DOM树的根节点（window对象）开始，向下遍历到目标元素。这种机制使得事件首先在最不具体的节点（即...
JavaScript事件委托用法分析
10-24
JavaScript事件委托是一种利用事件冒泡原理来管理事件的技术，它允许开发者将事件监听器添加到一个父元素上，而不是给每一个子元素单独添加事件监听器。这种方式在处理大量子元素或动态生成的元素时非常有效，可以...
JavaScript事件委托实例分析
10-24
JavaScript事件委托是一种优化网页性能的事件处理技术，它利用了事件冒泡的原理，将事件处理器绑定到一个共同的父元素上，而不是每个子元素都单独绑定。这种方法减少了内存消耗和DOM操作，尤其是在动态添加或删除...
老生常谈js动态添加事件--- 事件委托
10-21
在JavaScript编程中，事件委托是一种非常重要的技术，特别是在处理动态内容时。事件委托允许开发者为当前或未来可能添加到DOM中的元素绑定事件处理器。这在处理由JavaScript动态生成的内容时尤其有用。传统的事件...
JavaScript事件注册的两种方式
OVO_LQ_Start的博客
02-28 650
直接在标签中使用事件句柄 回调函数，对于当前程序来说，sayhello函数被称为回调函数(callback函数) 回调函数的特点，自己把函数写出来，但是这个函数不是自己负责调用，有其他的程序负责调用该函数。 <script type="text/javascript"> function sayhello(){ alert("hello js"); } <...
js中事件绑定3种方法以及事件委托
热门推荐
程序员秋风的博客
04-23 4万+
事件绑定首先，我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom<button onclick="open()">按钮</button><script> function open(){ alert(1) } </script>2.直接绑定<button id="btn">按钮</button> <script> document.getElementById('btn'
jQuery 注册委托事件（动态创建元素也会有事件）
夏沐的博客
03-20 568
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 500px; height: 500px; ...
JS事件委托
一入前端深似海
08-12 5681
程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士 什么是事件委托呢？他又有什么好处？说白了事件委托就是利用冒泡的原理，把本应该添加到某个元素上的事件委托给他的父级，从而减少DOM交互达到网页优化。 var oUl = document.getElementById(&quot;newsList&quot;); //获取ul oUl.onclick = function(...
关于点击click事件以及事件绑定的方式
Hello World
04-26 3万+
Javascript简单地为一个标签绑定事件写法（不单针对button标签）：<button onclick="click_fn()">click</button> <script> function click_fn(){ console.log(this); } </script>另一种是用DOM Document对象来绑定事件： （注：这
彻底弄懂JS事件委托的概念和作用
weixin_30338481的博客
08-18 305
一、写在前头 接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗？然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件。 二、事件委托(事件代理)的作用? 为了方便理解,我先把事件委托的作用写一下。...
JQ之事件委托 用on()给父级绑定委托事件
Haima的博客
10-17 1万+
JQ之事件委托                       春       夏       秋             $('ul').on('click','li',function(){ //给li的父标签绑定委托事件       alert($(this).text());//点击时候弹出JQ获取li里文本内容的        //alert(th
原生js事件绑定和事件委托
陈荣亮的博客
09-17 5279
最近常在移动端开发，由于不是大型站点，不需要使用vue等库，也不需要引用jquery和zepto等。 写得最多得就是各种元素选择器和事件绑定，操作下来也是有点烦人。这时候怀念起jquery的美好来了，但是仅为了这个引用这么大个库，实在时下不了手，思考了一下，直接在html构造函数上拓展支持了。 按照习惯来走，一般我们会喜欢在选择的元素上直接 on + 事件 ，加上相应的逻辑函数完成一个事件绑定...
JavaScript事件绑定、监听与委托深度解析
"本文主要介绍了JavaScript中的事件绑定、事件监听和事件委托，详细解析了三种事件绑定方式，并简述了事件监听的三个阶段。" 在JavaScript中，事件处理是实现用户交互的关键，允许脚本对用户的操作作出反应。事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值