• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
成为自己最想成为的那种人
博客园    首页    新随笔    联系   管理    订阅  订阅
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> 元素在上下文显示时触发。(目前只有火狐支持)

posted on 2017-10-30 11:51  遇见未来  阅读(438)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3