上篇博客提到了Javascript事件绑定函数的三个参数,第一个是一个event,第二个是一个function,第三个是一个布尔变量,它用于指定事件传递的顺序,分为冒泡和捕获两种方式,接下来我们将揭开它的神秘面纱,彻底的解读它。
首先看如下代码:
辛星
document.getElementById("demo").addEventListener("click",m...
分类:
编程语言 时间:
2014-07-26 15:28:32
阅读次数:
230
FireFox : addEventListener()方法IE : attachEvent()方法为HTML元素添加一个事件监听, 而不是直接对元素的事件属性(如:onclick、onmouseover)赋值。为HTML元素添加一个事件监听:1.利用元素事件属性添加事件处理函数2.attachEv...
分类:
编程语言 时间:
2014-07-24 12:11:15
阅读次数:
291
今天在浏览JavaScript事件时,复习了下Dean Edward大神的addEvent。突然觉得可以基于他的思路实现一个结构更好的PubSub。 思路也很简单,就是要维护一个类似如下的一个仓库结构: /*{ 'sayHello': { 0: fn0, 1: fn1, //... }, 'sayG...
分类:
其他好文 时间:
2014-07-22 22:51:35
阅读次数:
214
本文章参考自:《征服Ajax Web 2.0 开发技术详解》为了自己日后查阅并与大家共享。1. 事件设计概述 事件机制可以是程序逻辑更加清晰可见,在JavaScript中很多对象都有自己的事件,如:button有onclick事件,selcet有onchange事件。对于我们自己设计的类,是否也可以...
分类:
编程语言 时间:
2014-07-16 18:34:20
阅读次数:
208
网上找了半天没看到,都是基于ie attachEvent(有诸多的问题存在)来写的,所以手动写了个js模拟绑定事件希望能帮到需要的童鞋addEvent = function(obj,type,fn){if(obj.addEventListener) {//W3Cobj.addEventListene...
分类:
编程语言 时间:
2014-07-11 12:02:07
阅读次数:
226
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouseoverIE3、...
分类:
Web程序 时间:
2014-07-11 09:03:01
阅读次数:
205
一般事件
事件 浏览器支持
描述
onClick HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O 鼠标双击事件
onMouseDown HTML: 2 | 3 | 3.2 |...
分类:
Web程序 时间:
2014-07-01 08:40:49
阅读次数:
274
拖拽原理鼠标和Div的相对距离不变三大事件把拖拽加到document上无标题文档
分类:
编程语言 时间:
2014-06-21 00:41:56
阅读次数:
269
绑定事件
处理事件
...
(事件处理代码)
...
鼠标事件举例
alert('I am clicked')
事件大全:
事件 浏览器支持 描述
onClick IE3N2O 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick ...
分类:
编程语言 时间:
2014-06-18 07:39:12
阅读次数:
289
keyCode获取用户按下键盘的哪个按键 1 2 3 4 5 无标题文档 6 30 31 32 33
34 键盘事件实例: 1 2 3 4 5 无标题文档 6 38 39 40 41 42 43 44 键盘控制div移动: 1 2 3 4 5 无标题文档 6
...
分类:
编程语言 时间:
2014-06-13 15:28:04
阅读次数:
303