1、DOM中的事件对象 兼容 DOM 的浏览器会将一个 event 对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法(DOM0 级或 DOM2 级),都会传入 event 对象。 (1)type:获取事件类型 (2)target:获取事件目标 在事件处理程序内部,对象 this 始终等于 ...
分类:
编程语言 时间:
2018-02-09 20:21:29
阅读次数:
221
如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多 ...
分类:
编程语言 时间:
2018-02-05 00:37:52
阅读次数:
154
事件流 描述的是在页面中接受事物的顺序 接收事物的顺序 事件冒泡 由最具体的元素接收,然后逐级向上传播至最不具体的元素节点(文档) 事件捕获 最不具体的节点接收事件,而最集体的节点应该是最后接收事件 事件处理 HTML事件处理 直接添加到HTML结构中 这种处理方式,存在修改函数名,需要到html中 ...
分类:
编程语言 时间:
2018-02-04 21:01:33
阅读次数:
174
本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 绑定事件的两种方式 我们在上一篇文章 "DOM操作详解" 中已经讲过事件的概念。这里讲一下注册事件的两种方式,我们以onclick事件为例。 方式一:o ...
分类:
编程语言 时间:
2018-02-04 19:43:02
阅读次数:
250
事件与函数的关系: 事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。事件句柄: HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。 事件中如果有this.valueeg:on ...
分类:
Web程序 时间:
2018-01-30 19:46:06
阅读次数:
226
js 进行事件绑定,其中一种不常见的写法是: 点击 son 区域的时候,console出的内容为 ‘abc’ ,‘123’ 。当false改变为 true 时,console出的内容为 ‘123’ , ‘abc’ 。即: false 代表为冒泡模型;true 代表捕捉模型! ...
分类:
编程语言 时间:
2018-01-20 15:03:43
阅读次数:
119
一、事件 事件是文档或者浏览器窗口中发生的,特定的交互瞬间。 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。 事件是javaScript和DOM之间交互的桥梁。 你若触发,我便执行——事件发生,调用它的处理函数执行相应的JavaScript代码给出响 ...
分类:
编程语言 时间:
2018-01-04 12:01:27
阅读次数:
238
事件可以是浏览器行为也可以是用户行为。 比如页面文档内容加载完成或者用户鼠标点击等。 当一个事件发生的时候,需要特定的行为来响应这个事件,所以要为事件注册事件处理函数。 代码实例: 为按钮注册click事件处理函数,当点击按钮的时候,此函数就会执行。 本章节只是简单介绍一下JavaScript事件的 ...
分类:
编程语言 时间:
2017-12-31 15:30:26
阅读次数:
161
JavaScript事件中有非常重要的特性——事件冒泡: 闲话少说,让我们通过例子来说明一切 观察下面的代码: <div onclick="alert('The handler!')"> <em> If you click on <code>EM</code>, the handler on <co ...
分类:
编程语言 时间:
2017-12-30 17:06:27
阅读次数:
149
接之前的网站建设之javascript事件对象及代码写法,我们今天来总结一下网站建设中js的所有对象,事件对象指的是DOM事件的对象,而js的对象范围则较为大,下面我们全面来总结一下网站中js的对象分类总结以及区别。 一.什么是网站js对象?有哪些分类?具体有什么属性?在; font-family: ...
分类:
编程语言 时间:
2017-12-28 12:01:07
阅读次数:
172