什么是事件委托?事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 具体化: 快递问题 有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为 ...
分类:
其他好文 时间:
2019-12-17 17:56:32
阅读次数:
118
7.事件深入 7.1.事件捕获 事件流分为事件冒泡和事件捕获两种,事件冒泡指事件从里往外传播,而事件捕获刚好相反,指事件从外向內传播 7.2.事件绑定形式总结 第一种写法,直接绑定在元素身上 第二种写法 对象.事件 = 事件处理函数 注意: 这种写法有个问题就是,如果同时绑定两个事件处理函数,后面的 ...
分类:
其他好文 时间:
2019-12-12 13:21:59
阅读次数:
90
part4 课程介绍 事件 1. 绑定事件的区别 2. 移除绑定事件的方式及区别和兼容代码 3. 事件的三个阶段 4. 事件冒泡 5. 为同一个元素绑定多个不同的事件,指向的是同一个事件处理函数 6. 百度的大项目 7. BOM 8. 定时器 9. DOM加强,多个几个好玩的案例 part3 复习 ...
分类:
Web程序 时间:
2019-12-10 15:27:09
阅读次数:
111
1,stop修饰符:阻止事件冒泡 首先我们要明确H5的事件是从内向外进行冒泡的,写一个简单的DEMO 当我们点击按钮时,事件从内向外冒泡,依次触发绑定的事件,控制台信息如下 现在我们在click后面添加.stop修饰符,如下: 我们发现再次点击按钮后,事件不再冒泡,控制台只打出 2.prevent取 ...
分类:
其他好文 时间:
2019-12-10 15:04:05
阅读次数:
79
1、什么是JS事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到 ...
分类:
Web程序 时间:
2019-12-10 12:56:00
阅读次数:
99
转自 https://www.cnblogs.com/nangezi/p/9157112.html //点击其他区域,隐藏弹出层 //给弹出层绑定点击事件,阻止冒泡 ...
分类:
Web程序 时间:
2019-12-10 12:50:46
阅读次数:
100
1、 .stop:阻止事件冒泡 (直接写在点击事件的后面@click.stop) 2、 .self :只当事件在该元素本身(不能是里面的子元素),触发时触发回调,(你只有点击了元素本身才会触发函数,当有冒泡事件经过时,该元素的函数并不会执行@click.self) 3、.prevent阻止默认事件 ...
分类:
其他好文 时间:
2019-12-07 12:24:36
阅读次数:
65
我们同时在三个div上绑定了事件,现在三个div存在嵌套的关系,当我们点击最里层的div的时候,就会触发相关的事件冒泡,外边的两个父类div的事件都会被触发,这就是事件冒泡(先触发自己的事件,然后依次向父级) 我们同时也在三个div上绑定了事件,它们存在嵌套关系,现在我们点击最里边的事件,就会触发捕 ...
分类:
其他好文 时间:
2019-12-01 19:04:10
阅读次数:
85
用事件冒泡实现,在div内点击,不触发 一个事件,当在div外点击时才触发事件。可以用于一组控件一次事件触发,离开控件触发事件。自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中。 ...
分类:
其他好文 时间:
2019-11-26 21:15:05
阅读次数:
92
了解知识点 DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML元素上产生一个事件时,该事件会在DOM树中元素节点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程就是DOM事件流。 JS冒泡事件:当一个元素上的事件被触发的时候,比如说鼠标点击了一 ...
分类:
微信 时间:
2019-11-25 18:23:19
阅读次数:
104