• 事件冒泡


    检测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事件之后。

  • 相关阅读:
    SpringMVC中@Controller和@RequestMapping用法和其他常用注解
    eclipse maven install 时控制台乱码问题解决
    使用模板实现编译期间多态(类名当参数)
    QT中Dialog的使用(使用QStackedWidget维护页面切换)
    QT中的各种对话框
    Qt 5 最小构建笔记(只编译QtBase)
    忽然懂了:“视图”的用途不仅仅是临时表,更适用于变化比较大的情况,而且不用改客户端一行代码
    React-Native
    一位OWin服务器新成员TinyFox
    Access Toke调用受保护的API
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/1628347.html
Copyright © 2020-2023  润新知