zoukankan      html  css  js  c++  java
  • onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别

     

    onkeydown:按下任何键(字母、数字、系统、tab等)都能触发,且对于字母不区分大小写;

    onkeypress:按下字母、数字键时触发,且对于字母区分大小写;

    onkeyup:相应的键和onkeydown相同,区别是相应顺序的不同

    前三者的相应顺序为:onkeydown ---->onkeypress----->onkeyup

    --------------------------------------------------------------------------------------------

    onblur:鼠标失去焦点

    onfocus:鼠标获得焦点

    --------------------------------------------------------------------------------------------

    onchange:值发生变化且鼠标失去焦点时触发,通过js、select改变值不触发

    onpropertychange:值变化马上触发,通过js改变属性也能触发,很好用,但只限于IE

    oninput:除了IE外浏览器下的onpropertychange,区别是通过js、select改变值不触发

    -------------------------------------------------------------------------------------------

    mouseover/mouseout:每次进入这个区域并在这个区域里面的所有元素上进行移动的时候会多次绑定,原因是事件冒泡导致

    mouseenter/mouseleave:触发情况和mouseover/mouseout相同,不同的是不导致事件冒泡,也就不进行多次绑定。悲剧的是,这两个属性仅IE、Opera支持

  • 相关阅读:
    python3.7中asyncio的具体实现
    Nginx开启gzip压缩解决react打包文件过大
    使用Promise发送多个异步请求, 全部完成后再执行
    React 轮播图实现
    scrapy学习
    我的react+material-ui之路
    QQ小橙团队排表机器人使用方法
    P5569 [SDOI2008] 石子合并 解题报告
    NOIP/CSP 做题记录
    CF923E Perpetual Subtraction 解题报告
  • 原文地址:https://www.cnblogs.com/web-wjg/p/7229534.html
Copyright © 2011-2022 走看看