概念
概念:某些组件被执行了某些操作后,触发某些代码的执行。
* 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了
* 事件源:组件。如: 按钮 文本输入框...
* 监听器:代码。
* 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则
触发执行某个监听器代码。
* 常见的事件:
1. 点击事件:
1. onclick:单击事件
2. ondblclick:双击事件
2. 焦点事件
1. onblur:失去焦点
2. onfocus:元素获得焦点。
3. 加载事件:
1. onload:一张页面或一幅图像完成加载。
4. 鼠标事件:
1. onmousedown 鼠标按钮被按下。
2. onmouseup 鼠标按键被松开。
3. onmousemove 鼠标被移动。
4. onmouseover 鼠标移到某元素之上。
5. onmouseout 鼠标从某元素移开。
5. 键盘事件:
1. onkeydown 某个键盘按键被按下。
2. onkeyup 某个键盘按键被松开。
3. onkeypress 某个键盘按键被按下并松开。
6. 选择和改变
1. onchange 域的内容被改变。
2. onselect 文本被选中。
7. 表单事件:
1. onsubmit 确认按钮被点击。
2. onreset 重置按钮被点击。
二、事件的侦听和抛发(自定义事件需要向document抛发)
红的框里的两处必须一摸一样;
三、事件传递(将obj2中的c中的参数传入到obj1中的b中)
四、事件的三个阶段(捕获,目标,冒泡)
div.addEventListener(事件类型,事件回调函数,是否捕获时执行)
e.stopPtopagation() 停止冒泡;
e.cancelBubble=true; IE8及以下的停止冒泡;
1事件类型:必须是字符串,可以设为任意字符串,但部分字符串是系统事件类型;
2、事件回调函数:指向一个函数,当收到事件时执行函数,若没有收到,则不执行,写侦听事件时不执行;
3、是否捕获时执行:默认值是false,在冒泡时执行,捕获时不执行,若将false设为true,在捕获时执行;
五、事件监听和删除;
div.removeEventListener(“事件类型”,事件的回调函数);
IE8及以下,div.detachEvent(on+事件类型,事件的回调函数)