• 事件冒泡


    检测submit事件的冒泡情况:

    IE6 IE8 FF3.6 opera10 chrome4 safari4
    冒泡到FORM 冒泡到FORM 冒泡到HTML 冒泡到HTML 冒泡到HTML 冒泡到HTML

    检测reset事件的冒泡情况:

    IE6 IE8 FF3.6 opera10 chrome4 safari4
    冒泡到FORM 冒泡到FORM 冒泡到HTML 冒泡到HTML 冒泡到FORM 冒泡到FORM

    检测change事件的冒泡情况:

    以下元素都能发生onchange事件:input控件,select,textarea。

    IE6 IE8 FF3.6 opera10 chrome4 safari4
    不冒泡 不冒泡 冒泡到HTML 冒泡到HTML 不冒泡 不冒泡

    检测click事件的冒泡情况:

    IE6 IE8 FF3.6 opera10 chrome4 safari4
    冒泡到HTML 冒泡到HTML 冒泡到HTML 冒泡到HTML 冒泡到HTML 冒泡到HTML
          window.onload = function(){
            dom("select").change(function(e){
              alert(e.target.tagName);
            });
          }
    

    检测select事件的冒泡情况:

    onselect 事件会在文本域(区)中的文本被选中时发生。

    IE6 IE8 FF3.6 opera10 chrome4 safari4
    不会冒泡 不会冒泡 冒泡到HTML 冒泡到HTML 不会冒泡 不会冒泡

    对于focus,blur,change,submit,reset,select等不会冒泡的事件,在标准游览器中,我们可以设置addEventListener的最后一个参数为true轻松搞定。IE就有点麻烦了,要用focusin代替focus,focusout代替blur,selectstart代替select。change,submit与reset就复杂了,必须利用其他事件来模拟,还要判断事件源的类型,selectedIndex,keyCode等等,jQuery有插件用很复杂的方式来实现……

    onselect事件发生在mouseup事件之后,而onselectstart 事件发生在mousedown并mousemove事件之后。

  • 相关阅读:
    理解 CSS3中 object-fit
    CSS布局总结(一)
    Webpack 学习记录之概念
    python中深浅拷贝
    Vue中的动画封装
    Vue中的列表过渡
    Vue中多个元素或组件的过渡
    Vue中的Js动画与Velocity.js 的结合
    在Vue中同时使用过渡和动画
    在Vue中使用 animate.css 库
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/1628347.html
Copyright © 2020-2023  润新知