JS事件 事件處理程式 筆記總結ing

2021-09-20 08:57:45 字數 425 閱讀 7810

html事件處理程式:缺點-行為與結構耦合

dom0級事件處理程式:把事件當做元素的屬性給給其新增,實現了結構與行為的分離,btn.onclick = function(){},需要寫兩份以支援不同瀏覽器的愛好。

dom2級事件處理程式:  btn.addeventlistener(click,function(),flase)【flase表示冒泡】

ie事件處理程式:btn.attachevent(click,function())【ie只支援冒泡事件,所以不用布林值了】

dom0和2級的優點是都可以同時給元素新增多個事件(事件處理程式)

【封裝庫】

優點:協調2、3:製作乙個封裝庫隨意呼叫,簡化程式**,並解決跨瀏覽器的相容性:eventuill.addhander(autuorshow, 'click', function() {});

JS基礎 事件 事件處理程式

在了解完事件流和事件物件之後,我們來看事件三劍客的最後一客 事件處理程式。在事件被使用者觸發之後,都有乙個相應這個操作的處理函式,這個函式就叫做事件處理器 事件偵聽器 在定義的時候不能使用未經定義的html轉義的html字元。在處理過程中,首先建立乙個封裝元素屬性值的函式,這個函式中有乙個區域性變數...

JS事件 事件處理程式之IE事件處理程式

與訪問dom中的event物件不同,要訪問ie中的event物件有幾種不同的方式,取決於指定事件處理程式的方法。在使用dom0級方法新增事件處理程式時,event物件作為window物件乙個屬性存在。來看下面例子。var btn document.getelementbyid mybtn btn.o...

js 事件 事件物件

關於事件寫了一系列文章 1.事件流 事件捕獲和事件冒泡 2.事件處理程式 3.事件物件 本文介紹事件物件 4.通用的事件偵聽器函式 5.事件迴圈 event loop 6.事件 event delegation 1.事件物件 觸發dom上的某個物件時,會產生乙個事件物件event dom0級事件物件...