上一篇是谈的事件流,博客地址:点我;这次我们说说具体的事件处理。0x00:事件处理程序现在有三种方式注册事件处理程序:HTML事件处理程序DOM0级事件处理程序DOM2级事件处理程序001:HTML事件处理程序就是说给html标签的属性设置事件处理程序;例如:点我p标签的属性onclick,把它的值...
分类:
Web程序 时间:
2015-05-01 19:52:03
阅读次数:
146
一、事件的捕获与冒泡 “DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。下面这个图能够很形象的解释(理解捕获和冒泡必不可少的图)按照图我们编写了代码去验证下, child View Code结果一目了然但是这里有个问题,也是原来阿里的面...
分类:
编程语言 时间:
2015-04-27 00:12:54
阅读次数:
184
一般来说,可以直接封装成这种形式:var addEvent = function(element,type,handler){ if(element.addEventListener){ //DOM2级 element.addEventList...
分类:
其他好文 时间:
2015-04-09 21:37:46
阅读次数:
105
1 var Event = { 2 //注册事件 3 addEvent: function(element,type,handler){ 4 if(element.addEventListener){ //DOM2级 5 ...
分类:
其他好文 时间:
2015-04-09 21:19:03
阅读次数:
103
// 事件绑定分为两种:// 一种是传统事件绑定(内联模型/脚本模型);上一章内容;// 一种是现代事件绑定(DOM2级模型);现代事件绑定在传统事件绑定基础上提供了更强大的功能;一 传统事件绑定的问题 1 // 脚本模型将一个函数赋值给一个事件处理函数; 2 var box = docum...
分类:
编程语言 时间:
2015-04-08 19:41:34
阅读次数:
205
事件流IE提出的是事件冒泡流,而Netscape提出的是事件捕获流。事件冒泡流即当事件开始时,由具体的节点接收,然后逐级向上传播到较为不具体的节点。事件捕获流即由不具体的节点逐级向下传播到具体的节点。事件捕获的起点和事件冒泡的中终点都是window对象。低版本IE除外。DOM事件流DOM2级事件分为...
分类:
编程语言 时间:
2015-03-13 12:38:40
阅读次数:
341
CSSStyleSheet对象 表示某种类型的样式表CSSStyleRule对象 样式表中的每条规则获得文档中的所有样式表document.styleSheetsCSSStyleSheet对象属性type text/cssdisabled 表示样式表是否应用于当前文档。应用/禁用,false/tru...
分类:
其他好文 时间:
2015-03-12 18:33:04
阅读次数:
135
jQuery的事件绑定
问题
首先我们看下面的一个很常见的事件绑定代码://example
$('#dom').click(function(e){
//do something
});$('#dom2').click(function(e){
//do something
});这段代码在事件绑定处理上有一些缺陷:过多的事件绑定会损耗内存
后期生成HTML会没有事件绑定,需要重新绑定...
分类:
Web程序 时间:
2015-03-12 17:07:40
阅读次数:
144
DOM2级事件事件的几种类型:对象事件,鼠标事件,键盘事件,表单事件,W3CDOM事件,以及针对浏览器的事件。对象事件:window对象,也是javascript对象。load 适用于window对象,页面需要的所有图像文件都载入完成才触发。unload 适用于window对象,页面被关闭之前捕获最...
分类:
其他好文 时间:
2015-03-12 14:57:54
阅读次数:
153
DOM 0级指浏览器专有的,非标准的方法、对象和集合。DOM 1级 1998年发布包括:DOM coreDOM htmlDOM 2级 DOM2 core 2000年发布 DOM2 html 2003年发布包括:DOM2 coreDOM2 htmlDOM2 eventsDOM2 styleDOM2 t...
分类:
其他好文 时间:
2015-03-11 19:34:21
阅读次数:
145