码迷,mamicode.com
首页 > Web开发 > 详细

JS-常用事件集合

时间:2018-03-07 11:48:00      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:焦点   关系   red   div   键盘按键   编程语言   text   ext   内容   

常见的事件如下:    事件  事件句柄  用法    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>

 

JS-常用事件集合

标签:焦点   关系   red   div   键盘按键   编程语言   text   ext   内容   

原文地址:https://www.cnblogs.com/xiuxiu123456/p/8520980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!