HTML DOM - 事件HTML DOM 允许 JavaScript 对 HTML 事件作出反应。对事件作出反应当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中：onclick=JavaScriptHTML 事件的例子：当用户点击鼠标时当网页已加载时当图片已加载时当鼠标移动到元素上时当输入字段被改变时当 HTML 表单被提交时当用户触发按键时
工具/原料
ie浏览器，记事本或者editplus等编辑工具
方法/步骤
1 元素的内容：实例
在本例中，当用户点击时，会改变
元素的内容：实例 Document 请点击这段文本!
2
在本例中，会从事件处理程序中调用函数：实例
请点击这段文本！
3
HTML 事件属性如需向 HTML 元素分配事件，您可以使用事件属性。实例向 button 元素分配一个 onclick 事件：
点击按钮来执行 displayDate() 函数。
在上面的例子中，当点击按钮时，会执行名为 displayDate 的函数。4
使用 HTML DOM 来分配事件HTML DOM 允许您使用 JavaScript 向 HTML 元素分配事件：实例为 button 元素分配 onclick 事件：
点击按钮来执行 displayDate() 函数。
在上面的例子中，名为 displayDate 的函数被分配给了 id=myButn' 的 HTML 元素。当按钮被点击时，将执行函数。5
onload 和 onunload 事件当用户进入或离开页面时，会触发 onload 和 onunload 事件。onload 事件可用于检查访客的浏览器类型和版本，以便基于这些信息来加载不同版本的网页。onload 和 onunload 事件可用于处理 cookies。实例
弹出的提示框会告诉你浏览器是否已启用 cookie。
6
onchange 事件onchange 事件常用于输入字段的验证。下面的例子展示了如何使用 onchange。当用户改变输入字段的内容时，将调用 upperCase() 函数。实例
请输入你的英文名：当你离开输入框时，被触发的函数会把你输入的文本转换为大写字母。
8点击这里
onmousedown、onmouseup 以及 onclick 事件onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时，触发 onmousedown 事件，然后，当鼠标按钮被松开时，会触发 onmouseup 事件，最后，当鼠标点击完成时，触发 onclick 事件。实例一个简单的 onmousedown-onmouseup 实例：