JavaScript事件编程

事件监听

需要将事件绑定到HTML标签中，事件后面还需要链接触发事件后执行的方法

可以在HTML标签中使用如下格式来绑定事件

事件="方法名()"

也可以通过JavaScript来给标签设置事件

document.getElementById("标签的id").onclick = function(){
    里面写需要执行的方法内容
};

事件分类

点击事件

onclick

单机事件

obdbclick

双击事件

焦点事件

onfocus

获取焦点触发，不光是鼠标TAB键切换也可以触发，只要被选中就会触发。

onblur

失去焦点，鼠标点了其他地方，或者Tab键切换出去

加载事件

onload

当页面加载到onload事件所属的标签时就会触发，一般写在body标签里用于页面加载时就执行方法。

onunload 

用户离开页面的时候会触发该事件

改变事件

onchange 

当所属标签的内容发生改变时触发，select下拉标签改变选项的时候就可以触发

鼠标事件

onmouseover

鼠标移动到元素上触发

onmouseout

鼠标离开元素触发

onmousedown 

鼠标按下触发

onmouseup 

鼠标松开触发

---

获取标签对象

document.getElementById("id")

通过HTML标签中的id获取标签对象，该方法最常用，因为可以获取到唯一的对象

document.getElementsByName("name")

通过HTML标签的name属性获取标签对象的数组，因为一般name属性并不唯一。

document.getElementsByTagName("name")

通过标签的名字获取标签对象的数组，参数是标签的名字，如span、div、p等。

document.getElementsByClassName("classname")

通过class选择器获取标签的数组。可以获取多个class，多个class名字之间用空格隔开

---