![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
事件
文章平均质量分 54
code_ja
哈哈
展开
-
JavaScript事件背后的原理
JavaScript与HTML之间的交互是通过事件实现的。事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间, 使用监听器来监听事件,以便在事件发生时执行相应的代码。 当我们在某个元素上添加一个事件时,根据事件执行的前后可以把它当成一个事件流,在DOM事件中规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获,然后是实际的目标接收到事件,最后是冒泡阶段,可以在原创 2016-07-14 21:31:38 · 412 阅读 · 0 评论 -
DOM中为事件添加事件处理程序的几种方式以及跨浏览器方式
1.传统的方式是将一个函数赋值给一个事件处理程序属性。看看DOM0级方式例如:var btn = document.getElementById("myBtn");btn.onclick = function() { alert(this.id); //"myBtn"}使用DOM0级方法指定的事件处理程序被认为是元素的方法,因此程序中的this引用的是当前的元素btn,可以通过this访原创 2016-07-15 12:52:33 · 1876 阅读 · 0 评论 -
深入理解DOM中的事件对象
在触发DOM上的某个事件时,会在事件处理程序函数中会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。先看个例子:var btn = document.getElementById("myBtn");btn.onclick = function(event) { alert(event.type); //"clic原创 2016-07-15 21:23:35 · 2185 阅读 · 2 评论