常见的事件如下： 事件 事件句柄 用法 blur onblur 元素失去焦点。 focus onfocus 元素获得焦点。
change onchange 域的内容被改变。
click onclick 当用户点击某个对象时调用的事件句柄。 dblclick ondblclick 当用户双击某个对象时调用的事件句柄。
keydown onkeydown 某个键盘按键被按下。 keyup onkeyup 某个键盘按键被松开。
load onload 一张页面或一幅图像完成加载。
mousedown onmousedown 鼠标按钮被按下。 mousemove onmousemove 鼠标被移动。 mouseout onmouseout 鼠标从某元素移开。 mouseover onmouseover 鼠标移到某元素之上。 mouseup onmouseup 鼠标按键被松开。
reset onreset 重置按钮被点击。 submit onsubmit 确认按钮被点击。
select onselect 文本被选中。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus?"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>事件</title> 10 </head> 11 <body onload="alert(‘hello everybody‘)"> 12 <script type="text/javascript"> 13 /* 14 1.javaScript是一种基于时间驱动型的编程语言： 15 1.1事件和事件句柄的关系：click，onclick 16 1.2事件句柄通常是某个标签的属性<input type="button" value="button" onclick=""> 17 1.3事件发生之后，代码才会执行，事件不发生，不会执行JS代码 18 1.4常见的事件如下： 19 事件 事件句柄 用法 20 blur onblur 元素失去焦点。 21 focus onfocus 元素获得焦点。 22 23 change onchange 域的内容被改变。 24 25 click onclick 当用户点击某个对象时调用的事件句柄。 26 dblclick ondblclick 当用户双击某个对象时调用的事件句柄。 27 28 keydown onkeydown 某个键盘按键被按下。 29 keyup onkeyup 某个键盘按键被松开。 30 31 load onload 一张页面或一幅图像完成加载。 32 33 mousedown onmousedown 鼠标按钮被按下。 34 mousemove onmousemove 鼠标被移动。 35 mouseout onmouseout 鼠标从某元素移开。 36 mouseover onmouseover 鼠标移到某元素之上。 37 mouseup onmouseup 鼠标按键被松开。 38 39 reset onreset 重置按钮被点击。 40 submit onsubmit 确认按钮被点击。 41 42 select onselect 文本被选中。 43 */ 44 </script> 45 blur/focus:<input type="text" onblur="alert(this.value)" onfocus="this.value=‘‘"/><br> 46 47 change: 48 <select onchange="alert(this.value)"> 49 <option value="">-请选择省份-</option> 50 <option value="001">河北省</option> 51 <option value="002">河南省</option> 52 <option value="003">湖南省</option> 53 </select><br> 54 55 click/dblclick 56 <input type="button" value="单击" onclick="alert(1)"> 57 <input type="button" value="双击" ondblclick="alert(2)"><br> 58 59 keydown/keyup:<input type="text" onkeydown="alert(‘a‘)"onkeyup="alert(‘b‘)"><br> 60 61 mouseout/mouseover: 62 <div style="border:1px solid red;width:200px;height:200px;position:absolute;top:300px;left:300px;" onmouseout="alert(‘您已进入雷区‘)" onmouseover="alert(‘您已安全‘)">雷区</div> 63 64 </body> 65 </html>
