事件监听
需要将事件绑定到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名字之间用空格隔开