1. bing:.bind(events [,eventdata], handler);
.bind()是最直接的繫結方法 ,會繫結事件型別和處理函式到dom element上, 這個方法是存在最久的,而且也很好的解決了瀏覽器在事件處理中的相容問題。其特點是使用簡單方便,
但是其缺點是
多個元素同時繫結同乙個事件時,觸發底層事件時上層事件也會同步觸發,同時它也無法繫結其後動態載入的元素,繫結元素過多時還會產生效率問題;
2. on:.on(events [,selector] [,data], handler);
而on()方法則不會出現這個問題,它可以繫結動態載入的元素,沒有bing()的束縛,其利用事件冒泡,將子元素的事件委託給父元素進行事件處理,避免了子元素過多可囊會造成的效能問題
.on方法比.bind方法多乙個引數'selector'.on的selector引數是篩選出呼叫.on方法的dom元素的指定子元素。使其更加靈活易用。
其實.bind()方法也是通過on()方法實現的;
事件繫結和普通事件的區別
普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...
事件繫結和普通事件的區別
普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...
事件繫結和事件委託區別
靜態繫結,也是最直接的事件繫結 通過事件屬性,直接顯示的給元素繫結事件,例如 該方式缺點 當頁面多元素都要新增事件時,定義繁瑣。函式名稱定義改變,一次要修改兩個地方。動態繫結 關於事件監聽的適配 因為ie 有自己的事件監聽 attachevent 和detachevent 分別用於事件監聽 obtn...