给一个元素绑定事件,普通写法是 obj.onclick=function(){}这就相当于给object的onclick属性赋值是一个道理 obj.onclick=function(){} 这种写法有一点不好,后者会将前者覆盖掉 事件绑定的第二种写法 标准浏览器用addEventlistener() ...
分类:
其他好文 时间:
2018-11-30 15:37:48
阅读次数:
153
重点来了:一定要记住error事件不冒泡(如果要用js的方法替换默认出错图片,记得把img的alt属性去掉)。 相关的知识点:jquery的ready方法、$("img").error()、img的complete属性、插件imagesLoaded、事件委托、事件捕获和图片预加载的方法等 1. 图片 ...
分类:
Web程序 时间:
2018-11-28 23:46:10
阅读次数:
309
事件流 事件流意味着页面上不止一个元素可响应相同的事件如:当我们点击页面上的按钮时,实际上我们是点击了按钮,以及按钮的容器——整个页面。 事件冒泡window ← document ← html ← body ← div由点击的位置扩散到整个界面 事件捕获由整个界面缩小到点击的位置window → ...
分类:
编程语言 时间:
2018-11-28 20:41:14
阅读次数:
204
JS中的事件冒泡(Bubble)和事件捕获(capture)以及如何阻止事件的冒泡 阻止事件的冒泡: 有时候事件的冒泡回会导致程序的运行顺序和自己想象的情形不一样,这时候就需要对事件的冒泡进行阻止。阻止事件的冒泡的方法与事件处理程序的添加方式有关: 1. 在除IE以外其他的浏览器中通过e.stopP ...
分类:
其他好文 时间:
2018-11-12 00:20:39
阅读次数:
193
事件捕获 事件捕获是由Netscape Communicator团队提出来的,是先由最上一级的节点先接收事件,然后向下传播到具体的节点。当用户点击了<div>元素,采用事件捕获,则click事件将按照document—><html>—><body>—><div>的顺序进行传播。 若在<div>和<b ...
分类:
其他好文 时间:
2018-11-11 23:32:42
阅读次数:
233
给动态添加的元素添加js事件,不能直接添加js事件,需要借助on( )方法,给选择器指定的子元素添加事件处理函数,并非选择器本身; 1. 语法 2. 实例 3. 相关概念:事件冒泡、事件捕获,默认为事件冒泡 事件冒泡:从子元素到祖先元素触发事件的执行; 子元素绑定了click事件,当点击子元素时,浏 ...
分类:
Web程序 时间:
2018-11-10 15:10:24
阅读次数:
185
事件流:事件冒泡和事件捕获 1. 两者概念 事件捕获 指的是从document到触发事件的那个节点,即 自上而下 的去触发事件。, 事件冒泡 是 自下而上 的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。 从上面可知,第三个参数为 或者 ; ,事件捕获; ,事件冒泡。 默 ...
分类:
其他好文 时间:
2018-09-21 19:49:21
阅读次数:
159
前两节都和addEventListener的click有关,于是在想它与onclick有什么区别呢,自己调试了一下,网上也有相关资料 事件绑定 onclick绑定方式 优点: - 简洁 - 处理事件的this关键字指向当前元素 缺点: - 不能对事件捕获或事件冒泡进行控制,只能使用事件冒泡,无法切换 ...
分类:
其他好文 时间:
2018-09-12 23:05:28
阅读次数:
225
addEventListener() 方法可以指定 "useCapture" 参数来设置传递事件类型:false→冒泡 true→捕获 默认false。 在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,顺序:内部==>外部 css: .whb100{width: 100px;height ...
分类:
Web程序 时间:
2018-09-07 15:57:53
阅读次数:
141
首先我们来说说什么是事件冒泡 事件冒泡:子级寻找父级的过程 当子级触发事件时,这个事件会形成一个时间流,这个事件流会逐步的向上传播, 所经过的父级的和子级相同的事件会被执行 事件捕获:父级查找子级的过程叫事件捕获 当子级触发一个事件时会触发事件流,这个事件流会从父级传递到子级,所经过的 所有子级的相 ...
分类:
其他好文 时间:
2018-08-25 11:23:19
阅读次数:
133