JavaScript自訂事件介紹_javascript技巧

WBOY

發布： 2016-05-16 17:24:05

原創

1241 人瀏覽過

很多DOM物件都有原生的事件支持，向div就有click、mouseover等事件，事件機制可以為類別的設計帶來很大的靈活性，相信.net程式設計師深有體會。隨著web技術發展，使用JavaScript自訂物件愈發頻繁，讓自己創建的物件也有事件機制，透過事件對外通信，能夠大幅提升開發效率。

簡單的事件需求

事件並不是可有可無，在某些需求下是必需的。以一個很簡單的需求為例，在web開發中Dialog很常見，每個Dialog都有一個關閉按鈕，按鈕對應Dialog的關閉方法，程式碼看起來大概是這樣

複製程式碼程式碼如下:

    
        Test
         
        Dialog

        函數對話方塊(id){

           var that=this;
            document.getElementById(id).children[0].onclick=function(){
      );
            }
        }

      document.getElementById(this.id);
            dlg.style.display='block';
            dlg=null;
        }

        Dialog.prototype.close=function(){

            dlg.style.display='none';
            dlg=null;
        }
   腳本>;


        function openDialog(){

            dlg.show();
        }
   腳本>;

相關標籤：

自訂事件

來源：php.cn

上一篇：jQuery動畫效果-fadeIn fadeOut淡入淺出範例程式碼_jquery 下一篇：Jquery 實作表格顏色交替變化滑鼠移過顏色變化實例_jquery

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章