事件是可以被 JavaScript 侦测到的行为; 事件通常与函数配合使用, 当事件发生时函数才会执行. JavaScript 允许您在事件被侦测到时执行代码.
通过 JavaScript 代码, html 允许您向 HTML 元素添加事件处理程序.
网页中的每个元素都可以产生某些可以触 JavaScrip 函数的事件. 比方说, 我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数. 事件在 HTML 页面中定义, 它可以是浏览器或用户做的某些事情.
JavaScript 常用事件
1,onLoad : 当页面加载完毕后触发, 常用于 body 元素
2,onUnload : 当页面关闭后触发, 常用于 body 元素
3,onBlur : 当失去焦点时触发, 常用于 input 表单元素
4,onFocus : 当获得焦点时触发, 常用于 input 表单元素
5,onClick : 当点击时触发, 可以用于任何元素
6,onMouseOver : 当鼠标悬浮时触发
7,onMouseOut : 当鼠标离开时触发
8,onMouseDown : 当鼠标按下时触发
9,onMouseUp : 当鼠标弹起时触发
10,onMouseMove : 当鼠标移动时触发
11,onChange : 当状态改变时触发, 常用于 select 下拉选框
12,onSelect : 当文本框中的文本选中时触发
13,onkeypress : 当键盘按下时触发 (要快于 onkeydown)
14,onkeydown : 当键盘按下时触发 (可能捕获功能键, 如上下左右)
15,onkeyup : 当键盘弹起时触发
16,onSubmit : 当表单提交时触发, 常用于 form 表单元素
17,onReset : 当表单重置时触发, 常用于 form 表单元素
示例: 单击事件
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <h1>
- JavaScript 事件
- </h1>
- <button onclick="document.getElementById('demo').innerHTML=Date()">
- 时间是?
- </button>
- <p id="demo">
- </p>
- </body>
- </HTML>
输出:
Sat Aug 10 2019 11:43:53 GMT+0800 (中国标准时间)
来源: http://www.css88.com/qa/javascript/11492.html