普通方式绑定事件 和 用addEventListener 添加事件有什么区别

时间:2022-06-23 00:16:51

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