JS11

   

事件概念和事件监听

事件的概念

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	任何元素或窗口失去焦点时触发