JavaScript 使我们有能力创建动态页面. 事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件. 比方说, 我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数. 事件在 html 页面中定义.
JavaScript 常见事件:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <title></title>
- <script>
- function test(){
- console.log("李银霞");
- }
- </script>
- </head>
- <body>
- <!--
- 1:onchange=" " 事件
- -->
- <select onchange="test()">
- <option value="1"> 一年级 </option>
- <option value="2"> 二年级 </option>
- <option value="3"> 三年级 </option>
- </select>
- <!--
- 2:onclick=" " 点击事件
- -->
- <input type="submit" onclick="test()"/>
- <!--
- 3:onfocus=" " 获取焦点事件
- -->
- <input onfocus="test()" />
- <!--
- 4:onblur=" " 失去焦点事件
- -->
- <textarea onblur="test()"></textarea>
- <!--
- 5:onkeydown="" 键盘的某个键被按下时触发的事件
- -->
- <input onkeydown="test()" />
- <!--
- 6:onkeyup="" 键盘的某个键被松开时触发的事件
- -->
- <textarea onkeyup="test()"></textarea>
- <br />
- <!--
- 作者: 1767757232@qq.com
- 时间: 2018-08-21
- 描述:
- -->
- <input onkeypress="test" />
- <!--
- 8:onmousedowm="" 鼠标按下事件
- -->
- <div style="background: red;" onmousedown="test()">
按钮
- </div>
- <!--
- 9:onmouseup="" 鼠标松开事件
- -->
- <div style="background: blue;" onmouseup="test()">
按钮
- </div>
- <!--
- 10:onmouseover="" 鼠标划上去事件
- -->
- <div style="background: green;" onmouseover="test()">
按钮
- </div>
- <!--
- 11:onmouseout="" 鼠标滑开事件
- -->
- <div style="background: purple;" onmouseout="test()">
按钮
- </div>
- <!--
- 12:onmousemove="" 滑动鼠标事件
- -->
- <div style="background: black;" onmousemove="test()">
按钮
- </div>
- </body>
- </HTML>
来源: http://www.css88.com/qa/javascript/10957.html