HTML js jquery 事件.txt

最新推荐文章于 2024-10-22 10:09:47 发布

学无止境慢慢来

最新推荐文章于 2024-10-22 10:09:47 发布

阅读量1k

点赞数

分类专栏： js html jQuery

原文链接：https://www.runoob.com/tags/ref-eventattributes.html

版权

js 同时被 3 个专栏收录

133 篇文章 0 订阅

订阅专栏

jQuery

49 篇文章 0 订阅

订阅专栏

html

29 篇文章 0 订阅

订阅专栏

HTML js jquery 事件.txt
参考：
    https://www.runoob.com/tags/ref-eventattributes.html
    https://www.runoob.com/js/js-htmldom-events.html
    https://www.runoob.com/js/js-htmldom-eventlistener.html
    https://www.runoob.com/jquery/jquery-events.html
    https://www.runoob.com/jquery/jquery-ref-events.html

一、知识点
0.窗口事件属性（Window Event Attributes）
    由窗口触发该事件 (适用于 <body> 标签)
1.表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
    表单元素，基本是 input 标签，个别除外，如：提交按钮可以使用 button。
2.鼠标事件（Mouse Events）
    通过鼠标触发事件, 类似用户的行为
3.多媒体事件(Media Events)
    通过视频（videos），图像（images）或者音频（audio） 触发该事件，
    多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>)

二、事件摘录
0.窗口事件属性（Window Event Attributes）
        属性          值         描述/触发条件
        onload       script    当文档加载时运行脚本
1.表单事件(Form Events，摘录)
        属性          值         描述/触发条件
        onblur        script     当元素失去焦点时运行脚本
        onchange      script     当元素改变（其 value 值发生变化且失去焦点）时运行脚本
        onfocus       script     当元素获得焦点时运行脚本
        onformchange  script    当表单改变时运行脚本
        onforminput   script    当表单获得用户输入时运行脚本
        oninput       script     当input的value值发生变化时就会触发（与onchange的区别是不用等到失去焦点就可以触发了）。
        onselect     script    当选取元素时运行脚本
        onsubmit     script    当提交表单时运行脚本
2.键盘事件（Keyboard Events）
        属性          值         描述/触发条件
        onkeydown     script     按下按键时
        onkeyup       script     抬起按键时触发。
3.鼠标事件（Mouse Events）
    属性          值         描述/触发条件
    onclick       script     鼠标点击事件。
    onselect      script     当input里的内容文本被选中后触发。只要选择了就会触发，不一定全选。
4.多媒体事件(Media Events)
    属性          值         描述/触发条件
    onplay        script    当媒介数据将要开始播放时运行脚本
    onpause       script    当媒介数据暂停时运行脚本
5.其他事件
    属性     值      描述/触发条件
    onshow      script 当 <menu> 元素在上下文显示时触发
    ontoggle   script 当用户打开或关闭 <details> 元素时触发


三、使用方法：
    以上事件可以直接放到input的属性里，
    例如：<input type="text" οnfοcus="a();" οnblur="b()" οnchange="c();" οnkeydοwn="d();" />
    也可以：document.getElementByTagName('input').onfocus = function(){};