触发按钮点击事件_js之DOM事件

事件（event）：是文档或浏览器中发生的特定交互瞬间。

事件冒泡：事件最开始由具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的节点（文档）

事件捕获：最开始有不具体的节点接收，而最具体的节点最后接收到事件

JavaScript可以处理的事件类型为：鼠标事件，键盘事件，HTML事件

注意：所有事件处理函数都会有两部分组成 1. on+事件名称

鼠标事件

click  鼠标单击
dblclick  鼠标双击
mousedown  鼠标按下未抬起时触发
mouseup  鼠标释放时出发
mouseover  鼠标移入目标时触发
mouseout  鼠标移出目标时触发
mouseenter  鼠标移入，不冒泡，不会在后代元素上触发
mouseleave  鼠标移出，不冒泡，不会在后代元素上触发
mousemove  鼠标在元素上移动时触发

语法：ele.onclick = function(){

}

键盘事件

keydown  键盘按下
keyup  键盘弹起
keypass  当用户按下键盘上的字符键触发，如果按住不放，会重复触发

HTML事件

load  当页面加载后在window上面触发，或框架加载完毕后在框架集上触发
unload（谷歌，苹果浏览器不支持）  当页面完全卸载后在window上面触发，或框架卸载完毕后在框架集上触发
select（选中）  当用户选择文本框[text或textarea]中的一个或多个字符触发
change  当文本框[text或textarea]中内容改变且失去焦点后触发
input  输入时触发（用来input框的动态监听）
focus  当页面或元素获得焦点时在window及相关元素上触发（点进input框中）
blur  当页面或元素失去焦点时在window及相关元素上触发（点进input框中）
submit 当用户点击提交按钮在<form>元素上触发
reset  当用户点击重置按钮在<form>元素上触发
resize  当窗口或框架的大小变化时在window或框架上触发
scroll  当用户滚动带滚动条的元素时触发

这些事件在今后当然学习中都很常用，它们可以做一些很有趣的效果，大家可以钻研一下，精彩内容下回

见~