javascript基础-事件1

原理

　　事件分两种。第一种浏览器事件，由浏览器抛出事件，它是人机交互的基础；第二种自定义事件，由程序员抛出事件，它是模拟事件流程。两者都是为了完成数据的传递。

浏览器事件

      机制

　　　　冒泡和捕获两种机制。因IE8-前只支持冒泡，所以实际运用中，只允许事件冒泡。

      处理方式

     

      IE8- 与 IE9+、标准浏览器事件对象的区别

      

      

       浏览器事件类型与处理

       

自定义事件

        通常用在  DOM渲染绑定自定义事件如'changeattr' --> 数据源(json对象属性)变更，抛出'changeattr'事件--->  DOM重新渲染。

        DOM目前不支持对自定义事件。需自己扩展，或采用jquery的自定义事件机制：

        

        //事件源
        var $source = $({});
        //绑定
        $source.on('changeattr',function(event,data){});
        //抛出自定义事件,[data]为传递的数据数组
        $source.trigger('chageattr',[data]);
        //移除
        $source.off('changeattr',[fnName]);