javascript基礎-事件1

標籤：style   blog   http   color   java   io   strong   資料   

原理

　　事件分兩種。第一種瀏覽器事件，由瀏覽器拋出事件，它是人機互動的基礎；第二種自訂事件，由程式員拋出事件，它是類比事件流程。兩者都是為了完成資料的傳遞。

 

瀏覽器事件

      機制

　　　　冒泡和捕獲兩種機制。因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]);