js-DOM事件

事件

1、以on前缀开始。例：on事件名（如：onclick）。
2、事件不会自己执行，需要触发（事件需要触发之后才能执行）
3、事件的三要素：
（1）、事件对象
（2）、事件名称
（3）、事件处理函数
4、常见事件写法：
（1）、嵌入式（传统事件写法）嵌入式的优点：简单易懂；缺点：将javascript代码与html代码混为一起，不利于多人开发。
（2）、脚本模型（现代事件绑定）优点：利于多人开发。
（3）、W3c事件。
5、常见的事件：
onabort 图像加载被中断
onblur 元素失去焦点
onchange 用户改变域的内容
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onerror 当加载文档或图像时发生某个错误
onfocus 元素获得焦点
onkeydown 某个键盘的键被按下
onkeypress 某个键盘的键被按下或按住
onkeyup 某个键盘的键被松开
onload 某个页面或图像被完成加载
onmousedown 某个鼠标按键被按下
onmousemove 鼠标被移动
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmouseup 某个鼠标按键被松开
onreset 重置按钮被点击
onresize 窗口或框架被调整尺寸
onselect 文本被选定
onsubmit 提交按钮被点击
onunload 用户退出页面
6、W3C事件
添加事件：addEventListener(事件名，事件函数，false)。
删除事件：removeEventListener(事件名，事件函数，false)。
注意：事件名，不需要前缀。
移除的函数要与添加的函数保持一致

节点的查找

1、根据标签名查找元素
document.getElementsByTagName(‘节点元素’)；在全局中查找。
obj.getElementsByTagName(‘节点元素’)；在指定节点中查找。
2、根据class名查找元素。
document.getElementsByClassName(‘class名’)；
3、根据名称查找元素
document.getElementsByName(‘name’);
像input标签元素中的name属性，根据他的值查找。