javascript 事件
html 事件是发生在 html 元素上的事情。
当在 html 页面中使用 javascript 时， javascript 可以触发这些事件。
html 事件
html 事件可以是浏览器行为，也可以是用户行为。
以下是 html 事件的实例：
- html 页面完成加载
- html input 字段改变时
- html 按钮被点击
通常，当事件发生时，你可以做些事情。
在事件触发时 javascript 可以执行一些代码。
html 元素中可以添加事件属性，使用 javascript 代码来添加 html 元素。
单引号:
<some-html-element some-event='javascript 代码'>
双引号:
<some-html-element some-event="javascript 代码">
在以下实例中，按钮元素中添加了 onclick 属性 (并加上代码):
实例
<button onclick="getelementbyid('demo').innerhtml=date()">现在的时间是?</button>
以上实例中，javascript 代码将修改 id="demo" 元素的内容。
在下一个实例中，代码将修改自身元素的内容 (使用 this.innerhtml):
实例
<button onclick="this.innerhtml=date()">现在的时间是?</button>
 |
javascript代码通常是几行代码。比较常见的是通过事件属性来调用： |
|---|
实例
<button onclick="displaydate()">现在的时间是?</button>
常见的html事件
下面是一些常见的html事件的列表:
| 事件 | 描述 |
|---|---|
| onchange | html 元素改变 |
| onclick | 用户点击 html 元素 |
| onmouseover | 鼠标指针移动到指定的元素上时发生 |
| onmouseout | 用户从一个 html 元素上移开鼠标时发生 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
更多事件列表: javascript 参考手册 - html dom 事件。
javascript 可以做什么?
事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:
- 页面加载时触发事件
- 页面关闭时触发事件
- 用户点击按钮执行动作
- 验证用户输入内容的合法性
- 等等 ...
可以使用多种方法来执行 javascript 事件代码：
- html 事件属性可以直接执行 javascript 代码
- html 事件属性可以调用 javascript 函数
- 你可以为 html 元素指定自己的事件处理程序
- 你可以阻止事件的发生。
- 等等 ...
|
在 html dom 章节中你将会学到更多关于事件及事件处理程序的知识。 |
|---|
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！