事件的调用方式
1、行内调用 <div οnclick="alert('单击div2了...')">
2、函数调用 <button οnclick="btn();">
然后在script中写函数,
function btn(){
alert("我进来了...");
}
3、js函数指派
<button id="btn">单击按钮</button>
var btnNode = document.getElementById("btn");
btnNode.οnclick=function(){
alert("-我单击进来了..");
};
4、使用attachEvent或addEventListener来做事件指派(新型事件,事件的监听)
attachEvent(事件类型,函数处理)
addEventListener(事件类型,函数处理,true/false)true为捕获,false为冒泡阶段
获取事件的属性
事件中包含了各种属性,可以直接获取(点出来)
事件类型
1. 单击事件 onclick
2. 滚动触发事件 onscroll
3. 改变触发事件 onchange
4. 失去焦点事件 onblur
5. 得到焦点事件 onfocus
6. 找不到图片的事件 onerror
7. 键盘按键 按下事件 onkeydown
8. 键盘按键 松开事件 onkeyup
9. 键盘按键 按下一直不松开 onkeypress
10. 窗口加载事件 window.onload = function(){ }
11. 窗口加载事件 (另一种形式)
12. 鼠标 单击事件 (包含一个按下、一个松开两个事件) onclick
13. 鼠标 双击事件 ondblclick
14. 鼠标 按下鼠标 onmousedown
15. 鼠标 松开鼠标触发的 onmouseup
16. 鼠标 移进元素边界触发的一个元素 onmouseover
17. 鼠标 移出元素边界触发的一个元素 onmouseout
18. 鼠标 元素内部移动触发的事件 onmousemove
19. 选中事件 onselect