首頁 >web前端 >js教程 >JavaScript自訂事件介紹_javascript技巧

JavaScript自訂事件介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 17:24:051237瀏覽

很多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();
        }
   腳本>;
   
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:jQuery動畫效果-fadeIn fadeOut淡入淺出範例程式碼_jquery下一篇:jQuery動畫效果-fadeIn fadeOut淡入淺出範例程式碼_jquery

相關文章

看更多