E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
事件委托
简单说一下JavaScript中的
事件委托
事件委托
是一种事件处理方式,它可以通过在父元素上绑定事件,然后利用事件冒泡的特性,让父元素处理子元素上的事件。这样做的好处是可以减少事件监听器的数量,提高性能。
忧郁的蛋~
·
2023-04-18 16:37
前端技术
javascript
前端
html
JavaScript(事件流、
事件委托
、实例化、dom节点)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言3.1事件流3.1.1捕获和冒泡3.1.2阻止冒泡3.2
事件委托
3.3其他事件3.3.1页面加载事件3.3.2元素滚动事件3.3.3
前端入坑小何
·
2023-04-18 12:57
JavaScript
APIs
JavaScript基础
javascript
Web APIs 第三天:Dom事件进阶
进一步学习事件进阶,实现更多交互的网页特效,结合事件流的特征优化事件执行的效率掌握阻止事件冒泡的方法理解
事件委托
的实现原理事件流事件流是对事件执行过程的描述,了解事件的执行过程有助于加深对事件的理解,提升开发实践中对事件运用的灵活度
黑马程序员官方
·
2023-04-18 12:52
2023年前端—入门到精通
前端
javascript
开发语言
Web APIs day3 | Dom事件进阶(事件流、
事件委托
、加载 &滚动事件)
目录1事件流1.1事件流与两个阶段说明1.2事件捕获1.3事件冒泡1.4阻止冒泡1.5解绑事件1.6补充1.6.1鼠标经过事件的区别1.6.2两种注册事件的区别2
事件委托
3其他事件3.1页面加载事件3.1.1
csyldjy
·
2023-04-18 12:51
web
APIs
前端
前端
面试题总结-JS
、let、const区别7、对称加密和不对称加密的区别8、js的栈和堆9、对象的深拷贝和浅拷贝10、浏览器的事件循环机制11、宏任务和微任务12、script标签上的属性13、浏览器事件触发机制14、
事件委托
原理
三个木马人
·
2023-04-18 02:19
javascript
jQuery动态绑定事件(on指令)
jQuery用on指令统一事件注册方式注:jQuery1.7之后支持on可以注册简单的事件//以点击事件为例$('选择器').on('click',function(){});也可以注册
事件委托
,且支持动态绑定
NJR10byh_migu
·
2023-04-17 20:24
jquery
20230411----重返学习-网易云音乐首页案例-git远程仓库
day-047-forty-seven-20230411-网易云音乐首页案例-git远程仓库网易云音乐首页案例
事件委托
2.
事件委托
.parent-box{margin:50px;display:flex
方朝端
·
2023-04-16 00:05
重返学习
学习
git
javascript
JS之事件代理
事件代理(
事件委托
)
事件委托
就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。有个例子可以帮助理解:有三个同事预计会在周一收到快递。
饥人谷_Tom
·
2023-04-15 22:48
使用
事件委托
提高性能
这种把一个元素的响应事件函数委托给另一个元素的用法便叫
事件委托
。
后除
·
2023-04-14 01:58
2023关于JS中的事件冒泡、事件捕获、
事件委托
,我总结了这些
前言在JavaScript中,事件处理程序有三种执行方式:事件冒泡、事件捕获和
事件委托
。本文将详细介绍这三种方式,并提供相应的代码示例。
三拾老师
·
2023-04-13 14:17
javascript
前端
开发语言
前端学习——Web APIs (DOM+BOM)
1WebAPI2DOM2.1DOM(文档对象模型)简介2.2获取元素2.3事件基础2.4操作元素2.5节点操作2.6事件操作3事件高级3.1注册事件3.2删除事件(解绑事件)3.3DOM事件流3.4事件对象3.5
事件委托
weixin_57896572
·
2023-04-13 01:50
前端
学习
javascript
40 DOM事件与
事件委托
1捕获和冒泡2002年,W3C发布标准文档名为DOMLevel2EventsSpecification规定浏览器应该同时支持两种调用顺序首先按爷爷=>爸爸=>儿子顺序看有没有函数监听然后按儿子=>爸爸=>爷爷顺序看有没有函数监听有监听函数就调用,并提供事件信息,没有就跳过事件绑定APIIE5*:baba.attachEvent('onclick',fn)//冒泡网景:baba.addEventLi
卢卢2020
·
2023-04-12 19:55
2023年03月 其他-Web前端基础面试题(JS_33道)
文章目录一、JavaScript基础篇1、JavaScript有几种数据类型2、怎么进行数据类型检测3、get请求传参长度的误区4、如何让事件先冒泡后捕获5、说一下
事件委托
?
微软MVP Eleven
·
2023-04-12 16:00
编程
前端
javascript
开发语言
JS事件代理的理解
事件委托
是利用事件的冒泡原理来实现的,何为事件冒泡呢?
小御茶
·
2023-04-11 14:49
js事件
运用:
事件委托
事件委托
原理:以将事件处理程序附加到更高层的地方负责多个目标的事件处理。大多数Web应用在用户交互上大量用
嘻小佳
·
2023-04-10 15:08
事件委托
版拖拽
事件委托
版。
浮生_Lee
·
2023-04-09 13:05
css
html
css3
(转).NET面试题系列[7] - 委托与事件
委托和
事件委托
在C#中具有无比重要的地位。C#中的委托可以说俯拾即是,从LINQ中的lambda表达式到(包括但不限于)winform,wpf中的各种事件都有着委托的身影。
aslbutton
·
2023-04-09 11:14
【事件高级】
事件高级1本节目标2注册事件(绑定事件)3删除事件(解绑事件)4DOM事件流5★★事件对象★★5.1返回触发事件的对象5.2返回事件类型和阻止默认行为5.3阻止事件冒泡6
事件委托
(代理、委派)7常用的鼠标事件
小王小王几点了
·
2023-04-09 05:31
JavaScript
javascript
前端
unity的C#学习——委托、事件和匿名方法
、委托的声明2、委托的实例化补充:委托实例化的快捷方式3、System.Delegate类4、委托的高级特性4.1委托的多播能力4.2匿名委托和Lambda表达式C#事件1、事件的声明和使用1.1定义
事件委托
类型
时生丶
·
2023-04-09 00:41
unity的c#之旅
c#
学习
开发语言
面试。。。***
如何将伪数组转化为标准数组3.jQuery的
事件委托
on、live、delegate之间有什么区别4描述一次完整的http请求过程(输入url敲回车发生了什么)5.http状态码有哪些6.自我介绍7.项目介绍
小白i_76e5
·
2023-04-08 02:58
视图、时间函数、BOM、DOM、正则<前端学习笔记>
prompt("输入购买数量:")冒泡排序先处理首尾,大循环次数==数组长度-1functionsort(arr){letlen=arr.length;for(leti=0;i第1个第2个第3个第4个//
事件委托
给父级添加事件冒泡到父级可用于动态加
DZW5323
·
2023-04-07 23:12
前端
前端
学习
javascript
Web APIs - 0基础第三天
WebAPIs-第三天目标:学习事件流,
事件委托
,其他事件等知识,优化多个事件绑定和实现常见网页交互事件流移除事件监听其他事件元素尺寸与位置综合案例事件流为什么要学习事件流?
夏夜星光.
·
2023-04-07 22:55
JS
前端
javascript
html
性能优化之-事件代理
js中的
事件委托
或是事件代理简单理解
事件委托
也叫事件代理,“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素,让父元素担当事件监听的职务。
牛牪犇0
·
2023-04-06 09:28
性能优化
笔记
js
性能优化
javascript
前端
jQuery点击事件在iOS失效
需要这样
事件委托
,$('XXX').on('click','.btn',function(){});('XXX'是HTML上的btn的一个父级dom),才会生效。但是当$(docu
张凯斯
·
2023-04-06 04:35
解决IOS下
事件委托
失效的方法
出现的BUG当使用
事件委托
给【目标元素】添加click事件时,如果【代理元素】是document或body,并且【目标元素】是默认不可点击的(如div,span等),此时click事件会失效。
G_whk
·
2023-04-06 01:04
原生JS的
事件委托
1.事件是什么DOM事件即为Event对象。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。JavaScript的事件机制也是一个标准的观察者模式(ObserverPattern)的应用,包含事件的订阅者(Subscriber)和事件发布者(Publisher),通过监听对象事件来执行事件处理程序(callback)。通常事件与函数结合使用,函数
取个名字还真滥
·
2023-04-05 12:49
js事件机制
处理:事件绑定,事件监听和
事件委托
。事件类型1.ui事件:用户和页面上的元素直接交互2.onload:页面元素(包括外部元素)加载完成时触发。
流沙武器研究院
·
2023-04-03 07:10
day08:事件
目录一、第一种解绑事件(以on开头)二、第二种解绑事件三、第三种解绑事件四、事件冒泡五、阻止事件冒泡六、事件冒泡的应用(
事件委托
)七、事件的三个阶段总结:1.动态创建元素案例,同时优化了一个思想,站在内存性能优化的角度去考虑问题
Laker 23
·
2023-04-03 05:32
#
JavaScript
javascript
开发语言
ecmascript
【深入研究js事件】
深入研究js事件js学习笔记1.
事件委托
2.禁止复制文字和右键菜单3.鼠标事件4.跟随鼠标移动的天使5.键盘事件6.模拟京东按键输入内容7模拟京东单号查询js学习笔记1.
事件委托
事件委托
也称为事件代理,
内部静态类
·
2023-04-01 13:34
js
javascript
前端
html
DOM事件与
事件委托
(重要)
捕获与冒泡所有冒泡皆可取消,默认动作有的可以取消有的不能取消。Cancelable是用来取消(也可以说是阻止)默认动作的。从外向内找监听函数叫事件捕获从内向外找监听函数叫事件冒泡事件冒泡即由最具体的元素(文档中嵌套层次最深的节点)到最不具体的元素(文档)。HTML结构如下JS代码//DOM0级child.onclick=function(){console.log('child')}parent.
Marshall3572
·
2023-04-01 02:33
DOM事件流,捕获与冒泡
DOM事件流事件流事件捕获与事件冒泡阻止冒泡阻止事件流动阻止默认行为补充两种注册事件的区别
事件委托
解绑事件事件流-事件流指的是完整执行过程中的流动路径-相同的事件才会有事件流-如图:举例来说:假设页面里面有个
鹏zxp
·
2023-03-31 21:56
javascript
前端
html
前端面试整理—Javascipt问题(一)
请解释
事件委托
(eventdelegation)。请简述JavaScript中的this。请解释原型继承(prototypalinheritance)的工作原理。
程序猿天璇
·
2023-03-31 08:59
JS-DOM事件高级:1.监听注册事件 2.删除事件的方式 3.DOM事件流 4.event事件对象 5.阻止冒泡 6.
事件委托
7.鼠标事件 8.键盘事件
事件流4、事件对象e.target返回触发事件的对象e.type返回事件的触发类型比如clicke.preventDefault阻止默认行为比如链接不跳转5、阻止冒泡e.stopPropagation6、
事件委托
如果需要给多个子元素
我的皎月闻越香_
·
2023-03-31 06:09
Unity-角色互动加分显示的实现
文章目录角色互动加分显示的实现在角色的脚本里设置分数布置页面以及编译对应的脚本使用
事件委托
将两者连接角色互动加分显示的实现思路:在角色的脚本里对应该加分的地方用变量统计分数,同时再创建一个ui对象,然后用委派事件获取角色的得分
RomanBesson
·
2023-03-31 02:20
unity游戏开发
unity
游戏引擎
ui
2018-12-28红宝书第13章事件总结
事件捕获阶段、处于目标阶段、事件冒泡阶段一般建议使用事件冒泡,有特殊需要再使用事件捕获,IE只支持冒泡event.target指的是事件的实际目标元素preventDefault()阻止默认事件提高性能——
事件委托
移除事件处理程序模拟事件
_CCoder
·
2023-03-31 01:09
2019-02-22 事件处理中target
e.target可以用来实现
事件委托
e.currentTarget指向添加监听事件的对象『参考链接』
_CCoder
·
2023-03-27 01:27
20230325----重返学习-计算符优先级-实例对象与类的属性专用名词-修改this指向-Set类型-类数组转数组-
事件委托
-轮播图
day035-thirty-five-20230325-计算符优先级-实例对象与类的属性专用名词-修改this指向-Set类型-类数组转数组-
事件委托
-轮播图计算符优先级newXXX()----18newXXX
方朝端
·
2023-03-26 22:59
重返学习
学习
javascript
前端
php如何开发多人实时游戏,html5实现一个简单的多人飞机游戏实例详解
后来研究生期间的一个项目也用到了.Net的socket,多个客户端之间的通信,觉得很有意思,也是那一次比较全面地认识和应用了
事件委托
等等一些概念。
weixin_39519072
·
2023-03-26 15:41
php如何开发多人实时游戏
React优点
因为它使用了
事件委托
的方式处理点击事件,只在DOM树上添加一个事件处理函数,挂载在最顶层的DOM节点上。所有点击事件都被这个事件处理函数捕获,然后根据具体组件分配给特定函数。
刘三慢
·
2023-03-23 20:08
面试相关
前端开发面试题(重要)看完这篇关于MVVM的文章,面试通过率提升了80%简述JS中的
事件委托
和事件代理
妖夜无涯
·
2023-03-23 12:32
事件委托
、闭包、节流、防抖
转载自几个问题
事件委托
WalkthedogPaybillsMakedinnerCodeforonehour做一下操作来将事件绑定到元素document.addEventListener('DOMContentLoaded
纪梦钰
·
2023-03-22 00:43
JavaScript 事件冒泡、事件捕获和
事件委托
JavaScript事件冒泡、事件捕获和
事件委托
以下在chrome、firefox执行通过。
静候那一米阳光
·
2023-03-21 09:04
Unity (传方法参数&&Event委托方法)
传方法参数先声明一个委托事件(Action)再到某个初始化方法中将这个委托当作参数写入进去实参不用声明委托直接填入一个方法即可Event委托方法(
事件委托
解释)创建一个共有静态的事件变量将已经创建好的方法使用
一年时间升本,随缘更新
·
2023-03-20 23:25
小技巧
unity
游戏引擎
c#
js题
1.闭包的理解,闭包的原理,那些地方会用到,闭包的缺点2.跨域的方式(jsonp,cors),对跨域了解吗,jsonp的限制3.事件模型和
事件委托
,事件机制,
事件委托
和onclick的区别4.javaScript
思不凡语不浮
·
2023-03-18 09:30
js 事件传播机制、
事件委托
W3C标准约定了一个事件的传播过程要经过以下3个阶段:事件捕获阶段:从window对象传导到目标节点目标阶段:事件在目标节点上触发处于事件冒泡的第一个阶段,也就是冒泡阶段的target触发事件,所以目标阶段也会被当做事件冒泡的一部分冒泡阶段:从目标节点传回window对象当我们点击了一个事件,首先做的的第一件事就是从外层的元素,直接穿梭到我们的目标元素,这个阶段会执行所有捕获阶段的函数然后事件流切
神奇大叔
·
2023-03-17 16:11
javaScript
javascript
前端
开发语言
事件传播机制/
事件委托
/事件代理
事件传播机制分为三个阶段:第一阶段:从window对象传导到目标节点,称为“捕获阶段”第二阶段:在目标节点上触发,称为“目标阶段”第三阶段:从目标节点传导回window对象,称为“冒泡阶段”
事件委托
(事件代理
前端阿玉
·
2023-03-17 16:08
javascript
开发语言
ecmascript
jQuery的
事件委托
方法bind 、live、delegate、on之间有什么区别?
(1)、bind【jQuery1.3之前】定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;语法:bind(type,[data],function(eventObject));特点:(1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件,不能给未来新增的元素绑定事件。(2)、当页面加载完的时候,你才可以进行bind(),所以可能产生效率问题。实例如下:$(“#me
zxxaxxz
·
2023-03-16 10:18
DOM
事件委托
事件代理又叫
事件委托
,JavaScript高级程序设计上讲:
事件委托
就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。
Sharpe
·
2023-03-13 04:20
事件委托
事件委托
基本概念:把一个元素响应事件(click、keydown......)的函数委托到另一个元素一般来讲,会把一个或者一组元素的
事件委托
到它的父层或者更外层元素上,真正绑定事件的是外层元素,当事件响应到需要绑定的元素上时
ModelLife
·
2023-03-11 07:37
前端性能优化思路
svg、字体图标GZIP去除注释、调试代码解析渲染方面CSS加载位置(头部)JS加载位置(尾部)script的defer、async、预加载CSS选择器层级CSS动画、GPU加速减少重排重绘事件交互方面
事件委托
pengANDpeng
·
2023-03-10 20:42
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他