一、事件流1.事件流:描述的是在页面中接受事件的顺序2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)3.事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件二、事件处理1.HTML事件处理:直接添加到HTML结构中2.DOM0级事件处..
分类:
编程语言 时间:
2016-06-27 12:22:07
阅读次数:
158
本周任务,对javascript事件机制进行思考 提供以下 几个博文 论点: 本周任务,对javascript事件机制进行思考 提供以下 几个博文 论点: 1.javascript事件模型 2.e.target与e.currentTarget是干什么的? 3.preventDefault与stopP ...
分类:
编程语言 时间:
2016-06-27 12:15:12
阅读次数:
193
什么是事件代理?首先得知道什么是事件,并且弄清楚事件流,才能真正明白事件代理原理。 一、什么是事件? javascript与HTML之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。如onload、onclick、onmouseup、onmousedown... 。 二 ...
分类:
编程语言 时间:
2016-06-25 16:36:17
阅读次数:
383
一、事件1.什么是事件:事件是可以被JavaScript侦测到的行为onClick单击事件onMouseOver鼠标经过事件onMouseOut鼠标移出事件onChange文本内容改变事件onSelect文本框选中事件onFocus光标聚集事件onBlur移开光标事件onLoad网页加载事件onUnload关闭网页事件<!DOCTYPEhtml>..
分类:
编程语言 时间:
2016-06-25 06:19:05
阅读次数:
192
1.javascript的dom是相互嵌套的,当点击子元素的时候,事件在子元素上触发,然后事件会逐级向上层传递。这就叫事件冒泡。 event.stopPropagation();可以停止事件冒泡,即不再向上级传递事件。 2.事件委托,由于事件会逐级向上传递,因此我们可以将本来要子元素执行的函数,委托 ...
分类:
编程语言 时间:
2016-06-20 15:41:42
阅读次数:
156
什么是事件流
javaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。这种模型使用了我们的观察者模式,支持页面的行为(JS代码)与页面的外观(HTML,CSS)之间的松散耦合。当浏览器发展到第四代时,IE和Netscape开发团队使用了两个完全相反的事件流概念,IE的事件...
分类:
编程语言 时间:
2016-06-19 18:34:21
阅读次数:
156
* SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图 ...
分类:
Web程序 时间:
2016-06-14 22:14:32
阅读次数:
200
Javascript事件冒泡,没有想象中那么糟糕 提到js事件,我们可能第一时间反应的就是“如何阻止事件冒泡”;但是事件冒泡真的是如我们想象的那么糟糕吗? 1. Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 2. 事件句柄 ...
分类:
编程语言 时间:
2016-06-13 00:59:44
阅读次数:
190
学习来源: F:\新建文件夹 (2)\HTML5开发\HTML5开发\04、JavaScript基础\6、JavaScript事件详解 学习内容: 1)基础概念 2)举例说明: 代码如上,如果用事件冒泡的方式来解释,先点击到接受时间的按钮,然后是div,因为按钮包含在div中,然后是html5然后到 ...
分类:
Web程序 时间:
2016-06-07 19:17:01
阅读次数:
194
学习来源: F:\新建文件夹 (2)\HTML5开发\HTML5开发\04、JavaScript基础\6、JavaScript事件详解 学习内容: 事件的处理包含如下方式: 1.HTML事件处理程序,就是前几节讲过的鼠标经过,鼠标点击等处理方式 2.DOM0级事件处理 把一个函数赋值给一个事件处理程 ...
分类:
其他好文 时间:
2016-06-07 19:14:47
阅读次数:
146