事件概念和事件监听
事件的概念
JavaScript使我们有能力创建动态页面,网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。
使用返回值改变HTML元素的默认行为
HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。
通用性的事件监听方法
1.绑定HTML元素属性
<input type="button" value="clickMe" onClick="check(this)">
2.绑定DOM对象属性
document.getElementById(“btn1”).onClick=test;//test函数名
常见的事件类型:
onclick | 单击鼠标左键触发 |
ondblclick | 双击鼠标左键触发 |
onmousedown | 单击任意一个鼠标按键时触发 |
onmouseout | 鼠标指针移出一个元素边界时触发 |
onmousemove | 鼠标在某个元素上移动时持续触发 |
onmouseup | 松开鼠标任意一个按键时触发 |
onmouseover | 鼠标指针移到一个元素上时触发 |
常用的键盘事件:
onkeydown | 按下键盘上某个按键时触发,一直按会持续触发 |
onkeyup | 释放某个按键时触发 |
onkeypress | 按下某个按键并产生字符时触发,忽略shift等功能键 |
HTML事件:
onload | 页面完全加载后在window对象上触发 |
onunload | 页面完全卸载后再window对象上触发 |
onselect | 选择了文本框的一个或多个字符时触发 |
onchange | 文本框失去焦点时,并且在它获取焦点后内容发生过改变时触发 |
onsubmit | 单击“提交”按钮时在表单form上触发 |
onfocus | 任何元素或窗口获得焦点时触发 |
onblur | 任何元素或窗口失去焦点时触发 |