HTML - 事件属性

  HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。如果你想学习更多关于事件属性,请访问 JavaScript 教程。

  事件属性应插入在 HTML 元素中。取值均为script

  HTML 事件属性分为窗口事件、表单事件、键盘事件、鼠标事件、多媒体事件和两个其他事件。

窗口事件:

    由窗口触发该事件 (适用于 <body> 标签):

        onbeforeprint:在文档打印之前运行脚本。

        onafterprint:在打印文档之后运行脚本。

        onload:当文档加载时运行脚本。

        onresize:当调整窗口大小时运行脚本。

表单事件:

    表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):

        onblur:当元素失去焦点时运行脚本。

        onchange:当元素改变时运行脚本。

        onfocus:当元素获得焦点时运行脚本。

        oncontextmenu:当触发上下文菜单时运行脚本。

        oninput:当元素获得用户输入时运行脚本。

        oninvalid:当元素无效时运行脚本。

        onselect:当选取元素时运行脚本。

        onsubmit:当提交表单时运行脚本。

键盘事件:

        onkeydown:当按下按键时运行脚本。

        onkeypress:当按下并松开按键时运行脚本。

        onkeyup:当松开按键时运行脚本。

鼠标事件:

        onclick:当单击鼠标时运行脚本。

        ondblclick:当双击鼠标时运行脚本。

        ondrag:当拖动元素时运行脚本。

        ondragend:当拖动操作结束时运行脚本。

        ondragenter:当元素被拖动至有效的拖放目标时运行脚本。

        ondragleave:当元素离开有效拖放目标时运行脚本。

        ondragover:当元素被拖动至有效拖放目标上方时运行脚本。

        ondragstart:当拖动操作开始时运行脚本。

        ondrop:当被拖动元素正在被拖放时运行脚本。

        onmousedown:当按下鼠标按钮时运行脚本。

        onmousemove:当鼠标指针移动时运行脚本。

        onmouseout:当鼠标指针移出元素时运行脚本。

        onmouseover:当鼠标指针移至元素之上时运行脚本。

        onmouseup:当松开鼠标按钮时运行脚本。

        onmousewheel:当转动鼠标滚轮时运行脚本。

        onscroll:当滚动元素的滚动条时运行脚本。

多媒体事件:

    通过视频(videos),图像(images)或者音频(audio) 触发该事件,多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>):

其他事件:

        onshow:当 <menu> 元素在上下文显示时触发。(目前只有火狐支持)