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
事件冒泡
内容动态展示抽屉组件
知识点mousemove与mouseenter的区别在于mousemove会触发
事件冒泡
,mouseenter不会,mouseleave同理。
一个西瓜大小
·
2023-08-07 19:23
前端
javascript
css
事件冒泡
/*
事件冒泡
:点击box2打印出2以后,继续打印出1。子元素触发了事件,如果父元素也有同类型事件的话,也会触发。
关耳木南
·
2023-08-06 16:30
利用事件委托实现点击li列表
事件委托就是
事件冒泡
加事件源,给父类元素绑定事件,来监听子元素的冒泡事件,并找到是哪个子元素(事件源)的事件点击事件绑定在ul上//html1234//jsvaruls=document.getElementsByTagName
my木子
·
2023-08-06 00:59
js事件传播流程,事件阻止
js事件传播流程主要分三个阶段:事件捕获阶段、处于目标阶段、
事件冒泡
阶段。
开水不能直接喝
·
2023-08-04 10:00
click.stop 阻止
事件冒泡
`click`和`click.stop`都是事件修饰符,用于处理鼠标点击事件。它们的区别在于:-`click`修饰符用于监听鼠标点击事件,并触发相应的处理函数。如果在处理函数中使用了`event.preventDefault()`,则会阻止默认的行为,例如阻止表单提交或链接跳转等。-`click.stop`修饰符也用于监听鼠标点击事件,并触发相应的处理函数。但是,它会阻止事件继续传播,即阻止事件向
董厂长
·
2023-08-04 02:06
VUE
JS
javascript
前端
vue.js
前端面试题十四@杨志刚
事件委托就是利用
事件冒泡
机制指定一个事件处理程序,来管理某一类型的所有事件。即:利用冒泡的原理,把事件加到父级上,触发执行效果。
抱以恶意
·
2023-08-04 01:30
DOM事件
DOM事件流(eventflow)存在三个阶段:事件捕获阶段、处于目标阶段、
事件冒泡
阶段。
Sharpe
·
2023-08-02 14:51
DOM事件
请描述什么是捕获什么是冒泡,并说说是先捕获还是先冒泡,再搜搜看网上的文章怎么说DOM事件事件捕获从外部向内部找监听函数,叫做事件捕获
事件冒泡
从内部向外部找监听函数,叫做
事件冒泡
事件流程:先从外部向内部进行事件捕获
做个有趣的孩纸
·
2023-08-01 16:26
事件冒泡
/定时器弹框/事件委托
事件冒泡
事件冒泡
.grandfather{width:300px;height:300px;background-color:green;position:relative;}.father{width
YangMl
·
2023-08-01 12:50
vue的.self方法
image.png当点击的最外层元素的时候,内部会因为
事件冒泡
也会触发事件,这时候在点击事件的时候给个.self这样就会只点击自己的时候触发,不会因为
事件冒泡
造成内部也触发
最念倾城
·
2023-07-31 17:24
前端二面
(假设一个列表有100项,要给100个li都加点击事件)利用
事件冒泡
机制ul.onclick=function(e){e=e||window.event;//兼容ievartarget=e.target
Guenevere
·
2023-07-31 11:00
jQuery 动画和事件
绑定事件的两种方式:元素.事件名(function(){})3.合成事件/事件切换hover():鼠标悬停合成事件(鼠标放入,鼠标移开两种状态)toggle():鼠标点击合成事件(控制是否显示)4.事件传播(
事件冒泡
xiongᥫᩣ
·
2023-07-31 05:24
javascript
jquery
开发语言
python
java
事件代理的原理
thread-34.htm事件代理:也可以称作为事件委托或者
事件冒泡
机制优点:1.可以大量节省内存,减少事件注册2.实现新增子对象的事件绑定,利于动态事件加载缺点:事件代理有可能会出现事件误判,就是本不该触发的事件被绑定上了
叮叮当1016
·
2023-07-31 01:49
前端常见面试题(十四)
事件委托,又称事件代理,就是将元素的事件处理交由父元素或者祖先元素来代为执行;事件委托利用了
事件冒泡
,只指定一个事件处理程序(函数),就可以管理某一类型的所有事件。
嘎拉呢
·
2023-07-30 15:28
阻止冒泡和阻止捕获
注意:现代所有的浏览器都支持
事件冒泡
,只是在实现上有一些差别阻止
事件冒泡
捕获:stopPropagation()方法既可以阻止
事件冒泡
,也可以阻止事件捕获,也可以阻止处于目标阶段。
我是大队长_1342
·
2023-07-29 09:42
WEB前端面试题-2021 不定期更新
生命周期promise及回调地狱元素,垂直水平居中缓存mvvmvuex响应式/兼容rememv-if和v-show区别为什么v-for和v-if不建议用在一起虚拟DOM树组件中的data为什么是一个函数事件
事件冒泡
性能优化
前端CV攻城狮
·
2023-07-29 03:12
面试题
面试
html
css
flex
html5
vue事件修饰符
vue事件修饰符1、目标2、语法1、目标在事件后面.修饰符名-给事件带来强大功能2、语法@事件名.修饰符=“methods里的函数”修饰符列表.stop-阻止
事件冒泡
示例:.stop事件-阻止冒泡exportdefault
佐杰
·
2023-07-28 17:04
#
vue指令
vue.js
前端
javascript
boostrap样式下CheckBox无法选中问题
今天维护一套比较旧的运维系统,里面有个问题是table中有复选框,行点击可以勾选,鼠标点击复选框无法选择,查了一些资料,然后给复选框对象加click事件functionchkboxClick(evt,scope){//阻止
事件冒泡
zhu_zhu_xia
·
2023-07-28 15:08
前端
前端
javascript
开发语言
一个div盒子,两个点击事件,互不干扰,可以使用阻止
事件冒泡
1、示例1)、点击整个盒子,会出现弹框2)、点击定位符号,会在地图上定位到指定区域,但是弹框也展示了2、原因:当一个元素触发了一个事件时,该事件会从触发元素开始向上层元素(父元素)进行传播,直到达到根节点3、解决:1)、template中2)、方法中4、原理:e.stopPropagation()是一个常见的JavaScript事件方法,用于阻止事件的进一步传播或冒泡。在DOM中,当一个元素触发了
^草莓牛乳茶^
·
2023-07-27 12:32
JavaScript
Vue3
前端
javascript
开发语言
事件冒泡
、事件捕获和事件委托
什么是
事件冒泡
、事件捕获和事件委托?
heiyay
·
2023-07-26 22:55
前端
javascript
html
事件冒泡
事件委托
无涯教程-jQuery - stopPropagation()方法函数
stopPropagation()方法停止将
事件冒泡
到父元素,从而防止任何父处理程序收到该事件的通知。
Hi无涯教程
·
2023-07-26 13:05
无涯教程
jquery
js
事件冒泡
及其阻止方法
js
事件冒泡
概念:
事件冒泡
(eventbubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播。
千锋小书童
·
2023-07-25 01:19
浏览器事件机制-事件委托
浏览器事件机制讲的也是JavaScript事件流,JS事件执行的整个过程分为三个阶段:事件捕获阶段事件目标处理函数
事件冒泡
1.捕获(Capture)阶段是事件对象eventobject从window派发到目标对象父级的过程
Neeky Zeng
·
2023-07-23 14:16
前端开发
JavaScript
JavaScript
事件机制
事件委托
事件传播机制和事件委托
DOM事件流DOM事件流(eventflow)存在三个阶段:事件捕获阶段、处于目标阶段、
事件冒泡
阶段。
是小橙鸭丶
·
2023-07-23 14:46
javascript
vue中常见的(事件修饰符)
.stop阻止
事件冒泡
.prevent阻止默认事件.self避免
事件冒泡
(只有自身才能触发).once只能触发一次父元素子元素链接父元素子元素一次exportdefault{data(){return{
五四青年_4e7d
·
2023-07-23 09:53
事件委托(事件代理)
事件委托还有一个名字叫事件代理,JS高程上讲:事件委托就是利用
事件冒泡
,只制定一个事件处理程序,就可以管理某一类型的所有事件。
lsh1992
·
2023-07-22 00:27
DOM事件
删除事件(解绑事件)2.1删除事件的方式2.2删除事件兼容性解决方案3.DOM事件流4.事件对象4.1什么是事件对象4.2事件对象的使用语法4.3事件对象的兼容性方案4.4事件对象的常见属性和方法5.阻止
事件冒泡
张与谦
·
2023-07-21 05:25
DOM
前端
学习
DOM
移动端 滚动穿透
文章目录滚动穿透弹窗内容滚动到底部后带动底层页面滚动在弹窗出现时可以直接通过页面滚动条滚动禁用底层页面滚动弹出层将覆盖整个视口禁用触摸事件监听弹出层滚动位置阻止弹出层的滚动
事件冒泡
滚动穿透当一个固定定位
神奇大叔
·
2023-07-20 15:21
移动端与REM
前端
javascript
html5
vue子元素点击阻止父元素事件
做练习时发现父子元素都绑定点击事件,点击子元素会自动执行父元素的点击事件,目前的解决方法是子元素绑定事件加上.stop,阻止
事件冒泡
前端小白记录
·
2023-07-20 00:57
vue
js
vue 阻止
事件冒泡
,捕获
vue阻止
事件冒泡
,捕获@click.stop:阻止
事件冒泡
@click.prevent:阻止事件默认行为@click.self:事件只作用在元素本身,而不是其子元素vue阻止
事件冒泡
方法一:使用vue
陆映质
·
2023-07-19 20:34
javasrip
vue.js
javascript
前端
js面试题
数组扁平化7.1+'2'和1-'2'是什么8.清除字符串前后空格和去除所有空格1.去除字符串首尾的空格2.去除字符串中所有的空格3.使用正则去除你想去掉的空格9.new干了什么10.事件委托和事件代理
事件冒泡
和捕获开启捕获
可别390
·
2023-07-19 19:12
javascript
开发语言
ecmascript
JS的冒泡和如何阻止
事件冒泡
JS冒泡原理是指当发生一个事件时,该事件会从最内层的元素开始向外传播,直到传播到最外层的元素。例如,当一个按钮被点击时,该事件会从该按钮元素开始,沿着DOM树向上冒泡,直到传达到document对象。在这个过程中,每个元素都有机会对事件做出响应,也就是说,每个元素都可以绑定上相应的事件处理函数。如果一个元素绑定了多个事件处理函数,那么它们会按照绑定的顺序依次执行。当一个事件发生同时绑定了多个事件处
TianXuab
·
2023-07-19 08:57
javascript
前端
开发语言
onclick多次触发
问题原因前端的
事件冒泡
,就是因为点击外部的时候,会触发套在其内部的的input的click事件,导致事件再次触发多次触发原方法$(document).on("click",".acc3Theme",function
浊酒一杯慰风尘
·
2023-07-18 18:16
前端
html5
JavaScript事件(一)
JavaScript事件(一)一、事件流1、
事件冒泡
IE事件流被称为
事件冒泡
,这是因为事件被定义为从最具体的元素(文档树中最深的节点)开始触发,然后向上传播至没有那么具体的元素(文档)。
青黄皂白
·
2023-07-17 22:17
JavaScript
前端学习
javascript
前端
html
微信小程序加vant组件库弹窗的使用及遇到的问题
小程序阻止
事件冒泡
:将子类的点击事件bindtap写成catchtap避免出现子级按钮点击出现弹窗触发了父级的同类型bindtap事件使用dialog需要在json中"van-dialog":“@vant
单身girl
·
2023-07-17 17:30
项目遇到的问题及优化
写个小功能
微信小程序
小程序
微信小程序
全局变量使用
事件冒泡
bind事件向上冒泡catch事件可以阻止向上冒泡引入模板json文件中注册{"usingComponents":{"search":"/components/search/search
游_弋
·
2023-07-16 23:48
一名前端工程师的自学之路!Js篇(02-26更新)
事件流当触发某个事件时(某个事件发生了),从子元素向父级元素触发或从父级元素向子元素触发的过程,这个过程称为事件流事件流有两种模式:
事件冒泡
:从子元素向父级元素触发small---big---body-
自律更自由
·
2023-07-16 17:16
JavaScript学习 --
事件冒泡
与事件委派(委托)
在JavaScript中,
事件冒泡
(EventBubbling)是一种事件处理机制,它会向父元素传播事件。例如,当您单击一个元素时,该按钮的所有父级元素也将收到单击事件。
web安全工具库
·
2023-07-16 13:17
JS逆向
javascript
学习
前端
js动态添加修改删除元素
事件委托:e.target核心:1.通过
事件冒泡
给子元素添加事件,控制新生成的元素进行操作2.减少DOM元素操作,只需要绑定一个父元素就可以,不用循环遍历每一个子元素进行绑定事件操作,提高程序性能目的:
白云~️
·
2023-07-16 08:31
javascript
前端
java
js 算法面试题40道题,前端经典面试题20道-附详细答案
什么是
事件冒泡
和事件捕获?它们有什么区别?什么是跨域?如何解决跨域问题?什么是事件委托?为什么要使用事件委托?什么是原型链?如何实现继承?什么是防抖和节流?如何实现?
一花一world
·
2023-07-16 01:44
前端
javascript
算法
开发语言
JavaScript DOM操作
JavaScriptDOM操作DOM操作元素DOM查询修改元素内容/属性获取元素节点DOM的增删改DOM操作CSS内联样式获得当前正在显示的样式DOM的事件操作事件对象事件对象的属性事件的冒泡和事件的委托
事件冒泡
事件委派事件的传播事件的绑定
nuise_
·
2023-07-15 09:24
JavaScript
javascript
uniapp 阻止
事件冒泡
1.uniap阻止
事件冒泡
父元素@tap="toindex"子元素@tap.stop="towode"这样就阻止
事件冒泡
了各管各的
许你满眼星辰
·
2023-07-14 15:02
微信小程序
事件监听和委托 初入jquery
默认值为false,按照
事件冒泡
顺序;true为事件捕获删除事件监听removeEventListener()注意事项:1.相同元素调用2.相同事件名称3.相同函数名(不能用匿名函数,需要全局函数)4.
风暴_c81b
·
2023-07-14 14:01
撩课-Web大前端每天5道面试题-Day3
1.请描述下JS中
事件冒泡
机制?冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
撩课_叶建华
·
2023-07-14 13:53
如何阻止
事件冒泡
child").click(function(){console.log('李逍遥');});$(".parent").click(function(){console.log('赵灵儿');});要阻止
事件冒泡
很简单
前端吕小布
·
2023-07-14 08:55
前端面试题
JavaScript
javascript
前端
用一个点击别处关闭浮层来分析
事件冒泡
代码当点击【点我】按钮时,浮层不会显示是因为
事件冒泡
,同时触发了show()和hide(),为了避免这种情况可以用setTimeout的方式短暂延迟执行时间,
事件冒泡
过后,再加入执行队列http://js.jirengu.com
Nelson_sylar
·
2023-07-14 06:45
小程序
事件冒泡
事件绑定和冒泡事件绑定的写法同组件的属性,以key、value的形式。key以bind或catch开头,然后跟上事件的类型,如bindtap、catchtouchstart。自基础库版本1.5.0起,在非原生组件中,bind和catch后可以紧跟一个冒号,其含义不变,如bind:tap、catch:touchstart。value是一个字符串,需要在对应的Page中定义同名的函数。不然当触发事件的
Lucus的随笔
·
2023-06-21 09:04
jQuery之事件对象
目录一、事件对象中常用的三个坐标二、阻止
事件冒泡
三、阻止默认行为四、既能阻止
事件冒泡
,又能阻止默认行为一、事件对象中常用的三个坐标$('div').on('click',function(e){console.log
郑建007
·
2023-06-21 04:15
jquery
javascript
前端
JavaScript基础三
1,冒泡机制
事件冒泡
:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。
皮卡丘的皮上丘
·
2023-06-19 16:25
事件冒泡
和事件捕获
1.
事件冒泡
IE的事件流教师
事件冒泡
(eventbubbling),即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)2.事件捕获NetscapeCommunicator团队提出的另一种事件流叫做事件捕获
shirley_liang
·
2023-06-18 23:49
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他