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

普通方式繫結事件 和 用ADDEVENTLISTENER 新增事件有什麼區別

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。
    123456789function 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);