完整的DOM事件列表可以参考:
http://www.runoob.com/jsref/dom-obj-event.html
一.DOM事件处理
1.什么是DOM事件?
DOM中的元素可以收到各种事件,包含鼠标事件、键盘事件、表单事件等。
如

其中,onclick属性里可以指定一段代码,当鼠标点击时,执行test()方法。
二.注意事项
(1)onclick里可以指定一大段代码

(2)多数元素都支持鼠标事件
(3)单引号与双引号没有区别,用于方便区分界限

(4)onclick里可用的上下文参数:this,event(event以后学习)

(5)因为js是脚本语言,运行时检查错误,不运行就不检查错误

只有当点击该div时,才会报错。
二.鼠标事件示例

其中event.KeyCode == 13表示按了回车键,alert表示弹出上下文窗口,type类型为password时,表示用户输入文本时隐藏,placeholder表示文本框为空时显示的内容

效果图

四.事件监听器
事件监听器是DOM事件处理的另一种方式,示例:

elem.addEventListener('keyup', function(event){
//事件处理 ..
});
第一个参数为事件名,如click,keyup
第二个参数是一个回调function,当对应事件发生时此function被调用,类似于JAVA中匿名内部类方法一样。
注意事项:前面两种事件处理较为常用,而事件监听器(addEventListener)并不常用。
网友评论