1. 程式人生 > >普通繫結事件和用 addEventListener 新增事件有什麼區別?

普通繫結事件和用 addEventListener 新增事件有什麼區別?

    一、onclick 新增事件不能繫結多個事件,後面繫結的會覆蓋前面的。     二、addEventListener 能新增多個事件繫結,按順序執行。     三、addEventListener方式,不支援低版本的IE。(attachEvent 支援IE)。     四、普通方式繫結事件後,不可以取消。addEventListener繫結後則可以用 removeEvenListener 取消。     五、addEventListener 是W3C DOM 規範中提供的註冊事件監聽器的方法。       addEventListener用法: 語法:target.addEventListener( type , listener , useCapture )
    示例:document.getElementById("item").addEventListener( 'click' , function , false )   六、addEventListener 第三個引數:     為 true 時,瀏覽器採用Capture(捕捉)     為 false 時,瀏覽器採用bubbing(冒泡)-- 建議使用!

相關推薦

普通方式事件 ADDEVENTLISTENER 新增事件什麼區別

2、addEventListener方式,不支援低版本IE。3、普通方式繫結事件後,不可以取消;addEventListener繫結後,可以用removeEvenListener 取消;4、addEventListener的用法:target.addEventListener(type, listener,

普通事件 addEventListener 新增事件什麼區別

    一、onclick 新增事件不能繫結多個事件,後面繫結的會覆蓋前面的。     二、addEventListener 能新增多個事件繫結,按順序執行。     三、addEventLis

Windows 7下arp命令IPMAC地址,提示“ARP 項新增失敗: 拒絕訪問”的解決方法

在Win 7版本以管理員身份執行時提示:“ARP 項新增失敗:請求的操作需要提升。”    解決辦法: CMD中輸入:netsh i  i show in  //注意兩個i之間是有空格的 然後找到“本地連線”對應的 “Idx” (我的是

jQuery中用on事件bind事件區別

jQuery兩種繫結事件,舉例說明: 以上三種方法都是對ul下的li進行繫結 其中方法一和方法二完全一樣,作用是:給ul下已經存在的li新增繫結事件,方法繫結在了li上,一旦出現新的li,點選方法是無法繫結在新的li上的。 因為繫結方法已經完成,任務分發到各個li上,

原生JS事件onclickaddEventListener

onclick繫結方式 優點: - 簡潔 - 處理事件的this關鍵字指向當前元素 缺點: - 不能對事件捕獲或事件冒泡進行控制,只能使用事件冒泡,無法切換成事件捕獲 - 一次只能對一個元素繫結一個事件處理

事件onaddEventListener區別

今天在敲程式碼的時候遇到的問題,剛好有空。就記了下來。 首先,我們應該知道,在繫結事件的時候有三種方法。 拿最簡單的click舉例說明下。第一種,直接在html中,使用onclick;第二種,在js程式碼中使用元素.click來呼叫;第三種就是事件元素.addEventLi

在input元素上的方式監聽回車事件並傳遞引數

場景是動態生成html元素,為生成的input新增事件。 要求有兩點:非繫結的方式並且需要傳遞引數 ;引數為方法名稱,回撥該方法並將input的值作為引數。 參考實現如下: input寫法 tmp.push('<input type="text" id="myInp

給id屬性v-bind動態物件字串

class和id 動態的繫結一個字串達到自定義名稱的方法::class="'字串'+item.value"  :id="'字串'+item.value" <!DOCTYPE html> <html> <head>   <meta c

重複mouseovermouseout事件

滑鼠懸浮日期上顯示日程數量        我需要實現滑鼠懸浮在日期顯示提示資訊,提示資訊用了layer外掛,提示資訊內容是新建的日程數量,效果圖如下:     滑鼠放在17號顯示了當前日期新建了19條日程記錄,這裡需要在初始化日曆的時候,為有日程記錄的日期繫結事件,重複繫

delegate()事件普通事件區別

1.delegate() 方法為指定的元素(屬於被選元素的子元素)新增一個或多個事件處理程式,並規定當這些事件發生時執行的函式。   使用 delegate() 方法的事件處理程式適用於當前或未來的元素(比如由指令碼建立的新元素)。 2.click() 點選事件

關於LookUpEdit資料來源取值

首先在GridControl裡在Repository中新增一個GridLookUpEdit 在設定DisPlayMember(介面顯示欄位) 然後在後臺繫結資料 List<EntityBrand> entityBrand = client.GetBrandList(); this.rep

jQuery的onclick直接click區別

狀況之外 在之前的公司並沒有遇到這個問題,也就沒有深究。直到自己換了現在的公司,剛來第二天就開始寫別人寫到一半的專案,很無奈,不是原生就是jquery,由於專案急,已經來不及切換框架重新佈局,只能繼續了。 狀況之中 到處都是列表,到處都是js建立的動態頁面,好吧,那我也繼續吧,突然,意外發生了

python3__面向物件__靜態方法 / 類方法 / 屬性方法 / 例項動態屬性方法 / 類動態屬性方法

0.普通方法 普通方法訪問類屬性:self.__class__.類屬性名稱 class Test(object): n = 123 def __init__(self, n): self.n = n def tell(self):

WPF中PopupContextMenu類無法以常規方式資料命令,但只能通過引數PlacementTarget獲得父控制元件

比如 <Window x:Name="window"> <ItemsControl Items="{Binding BookItems}"> <ItemsControl.ItemTemplate> <DataTemplate&g

v-bind class style 的幾種方法

v-bind 繫結class  一、物件語法: 1. 資料屬性物件語法: <style> <!--新建一個active 的class--> .active{color:red} </style> <!--v-bind

jQuery動態元素的點選事件無效

示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分散式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li&g

Android8.0 HIDL直通式區別

原址 備註:這裡已Camera模組為例,如問題,歡迎討論。    以往的hal和framwork的程式碼緊密聯絡起來的,為此google為了framework  升級的方便在Android 8.0 上對 Android 作業系統底層進行了重新架構。新的架構已經瞭解一部分,但仍

Hadoop異常拒絕連線問題的解決

繫結異常 Hadoop BindException 和 Connection Refused 1. java.net.BindException: Address already in use 如果其他程式已經佔用了該地址或埠就會發生這樣的錯誤。 netstat -a -t

python學習之-方法方法

繫結方法 @classmethod 函式功能上面新增這個內建函式就是繫結給類 繫結給類的,引數裡面就是cls,cls這個是規範的寫法,cls就是指傳入的是類 特殊之處: 繫結給誰就應該由誰來呼叫,會將呼叫者(點左邊的就是呼叫者)當做第一個引數自動傳入 繫結物件的方法: 類中定義的函式在沒有

Ubuntu 16.04anaconda3anaconda2

1.開啟終端並輸入: sudo gedit  ~/.bashrc   2.在.bashrc檔案末尾新增:(路徑換成自己的) export PATH=/home/pico/anaconda3/bin:$PATH  然後儲存,關閉檔案  3