Javascript - Events
什么是活动？
JavaScript与HTML的交互是通过用户或浏览器操作页面时发生的事件来处理的。
页面加载时，称为事件。 当用户单击按钮时，该单击也是一个事件。 其他示例包括按任意键，关闭窗口，调整窗口大小等事件。
开发人员可以使用这些事件来执行JavaScript编码响应，这会导致按钮关闭窗口，向用户显示消息，要验证的数据以及几乎可以想象的任何其他类型的响应。
事件是文档对象模型（DOM）级别3的一部分，每个HTML元素都包含一组可以触发JavaScript代码的事件。
请仔细阅读这个小教程，以便更好地理解HTML事件参考 。 在这里，我们将看到几个例子来理解Event和JavaScript之间的关系 -
onclick事件类型
这是用户单击鼠标左键时最常用的事件类型。 您可以针对此事件类型进行验证，警告等。
例子 (Example)
请尝试以下示例。
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html>
输出 (Output)
新页面打开onsubmit事件类型
onsubmit是您尝试提交表单时发生的事件。 您可以针对此事件类型进行表单验证。
例子 (Example)
以下示例显示如何使用onsubmit。 这里我们在将表单数据提交给Web服务器之前调用validate()函数。 如果validate()函数返回true，则表单将被提交，否则将不提交数据。
请尝试以下示例。
<html>
<head>
<script type="text/javascript">
<!--
function validation() {
all validation goes here
.........
return either true or false
}
//-->
</script>
</head>
<body>
<form method="POST" action="t.cgi" onsubmit="return validate()">
.......
<input type="submit" value="Submit" />
</form>
</body>
</html>
onmouseover和onmouseout
这两种事件类型将帮助您创建图像甚至文本的精美效果。 将鼠标悬停在任何元素上时触发onmouseover事件，当您将鼠标从该元素移出时触发onmouseover事件。 请尝试以下示例。
<html>
<head>
<script type="text/javascript">
<!--
function over() {
document.write ("Mouse Over");
}
function out() {
document.write ("Mouse Out");
}
//-->
</script>
</head>
<body>
<p>Bring your mouse inside the division to see the result:</p>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>
输出 (Output)
新页面打开HTML 5标准事件
此处列出了标准HTML 5事件供您参考。 这里脚本表示要对该事件执行的Javascript函数。
| 属性 | 值 | 描述 |
|---|---|---|
| Offline | script | 文档脱机时触发 |
| Onabort | script | 触发中止事件 |
| onafterprint | script | 打印文档后触发 |
| onbeforeonload | script | 文档加载前触发 |
| onbeforeprint | script | 打印文档前触发 |
| onblur | script | 窗口失去焦点时触发 |
| oncanplay | script | 媒体可以开始播放时触发，但可能必须停止缓冲 |
| oncanplaythrough | script | 当媒体可以播放到最后时触发，而不停止缓冲 |
| onchange | script | 元素更改时触发 |
| onclick | script | 单击鼠标时触发 |
| oncontextmenu | script | 触发上下文菜单时触发 |
| ondblclick | script | 双击鼠标触发 |
| ondrag | script | 拖动元素时触发 |
| ondragend | script | 拖动操作结束时触发 |
| ondragenter | script | 将元素拖动到有效放置目标时触发 |
| ondragleave | script | 在有效放置目标上拖动元素时触发 |
| ondragover | script | 在拖动操作开始时触发 |
| ondragstart | script | 在拖动操作开始时触发 |
| ondrop | script | 删除拖动元素时触发 |
| ondurationchange | script | 更改介质长度时触发 |
| onemptied | script | 媒体资源元素突然变空时触发。 |
| onended | script | 媒体到达终点时触发 |
| onerror | script | 发生错误时触发 |
| onfocus | script | 窗口获得焦点时触发 |
| onformchange | script | 表单更改时触发 |
| onforminput | script | 表单获取用户输入时触发 |
| onhaschange | script | 文档更改时触发 |
| oninput | script | 元素获取用户输入时触发 |
| oninvalid | script | 元素无效时触发 |
| onkeydown | script | 按下某个键时触发 |
| onkeypress | script | 按下并释放按键时触发 |
| onkeyup | script | 释放密钥时触发 |
| onload | script | 文档加载时触发 |
| onloadeddata | script | 加载媒体数据时触发 |
| onloadedmetadata | script | 加载媒体元素的持续时间和其他媒体数据时触发 |
| onloadstart | script | 浏览器开始加载媒体数据时触发 |
| onmessage | script | 触发消息时触发 |
| onmousedown | script | 按下鼠标按钮时触发 |
| onmousemove | script | 鼠标指针移动时触发 |
| onmouseout | script | 鼠标指针移出元素时触发 |
| onmouseover | script | 鼠标指针在元素上移动时触发 |
| onmouseup | script | 释放鼠标按钮时触发 |
| onmousewheel | script | 旋转鼠标滚轮时触发 |
| onoffline | script | 文档脱机时触发 |
| onoine | script | 文档联机时触发 |
| ononline | script | 文档联机时触发 |
| onpagehide | script | 隐藏窗口时触发 |
| onpageshow | script | 窗口变为可见时触发 |
| onpause | script | 媒体数据暂停时触发 |
| onplay | script | 媒体数据开始播放时触发 |
| onplaying | script | 媒体数据开始播放时触发 |
| onpopstate | script | 窗口历史记录更改时触发 |
| onprogress | script | 浏览器获取媒体数据时触发 |
| onratechange | script | 媒体数据的播放速率发生变化时触发 |
| onreadystatechange | script | 准备状态改变时触发 |
| onredo | script | 文档执行重做时触发 |
| onresize | script | 调整窗口大小时触发 |
| onscroll | script | 滚动元素的滚动条时触发 |
| onseeked | script | 当媒体元素的搜索属性不再为真时触发，并且搜索已经结束 |
| onseeking | script | 当媒体元素的搜索属性为真时触发，并且搜索已经开始 |
| onselect | script | 选择元素时触发 |
| onstalled | script | 在获取媒体数据时出现错误时触发 |
| onstorage | script | 文档加载时触发 |
| onsubmit | script | 提交表单时触发 |
| onsuspend | script | 浏览器获取媒体数据时触发，但在获取整个媒体文件之前停止 |
| ontimeupdate | script | 媒体更改其播放位置时触发 |
| onundo | script | 文档执行撤消时触发 |
| onunload | script | 用户离开文档时触发 |
| onvolumechange | script | 媒体更改音量时触发，当音量设置为“静音”时触发 |
| onwaiting | script | 媒体停止播放时触发，但预计会恢复 |
Javascript - Cookies.下一篇>
