普通方式綁定事件 和 用ADDEVENTLISTENER 添加事件有什麼區別

1、onclick添加事件不能綁定多個事件,後面綁定的會覆蓋前面的。

2、addEventListener方式,不支持低版本IE。

3、普通方式綁定事件後,不可以取消;addEventListener綁定後,可以用removeEvenListener 取消;

4、addEventListener的用法:

target.addEventListener(type, listener, useCapture);例如:document.getElementById('btn').addEventListener('click',fn,false);
  • target 文檔節點、document、window 或 XMLHttpRequest。
  • type 字符串,事件名稱,不含“on”,比如“click”、“mouseover”、“keydown”等。
  • listener 實現了 EventListener 接口或者是 JavaScript 中的函數。
  • useCapture 是否使用捕捉,看了後面的事件流一節後就明白了,一般用 false。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function widthFit() {
               numMove = $('.scheduleBotRight').width()/7 - 0.1;
               $('.scheduleBot .rightBottom .doctorWorkTime li').css('width',numMove);
               $('.scheduleBot .rightBottom .doctorWorkTime').css('width',numMove*day);
               $('.scheduleBot .rightBottom .dingWei').css('width',numMove*day);
               $('.scheduleBot .workDate').css('width',numMove*day);
               $('.scheduleBot .workDate li').css('width',numMove);
       }
       window.addEventListener('resize',widthFit,false);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章