javascript - 如何处理 addEventListener 和 attachEvent 冲突？

Question

我正在创建拖放或点击文件上传。我在处理点击和放下之间的区别时遇到问题，因为一个使用 addEventListener 而另一个使用普通的 javascript 方法。

HTML

<input id="imageLoader" type="file" name="imageLoader">

Javascript:

  var imageLoader = document.getElementById('imageLoader');

  /* console shows : ..change { 
    target: <input#imageLoader>, 
    isTrusted: true, 
    currentTarget: <input#imageLoader>, 
    eventPhas... } 
  */
  imageLoader.addEventListener('change', handleImage, false);

  /* console shows : undefined */
  imageLoader.onchange = function(){
    handleImage();
  };

  function handleImage(e){
    console.log(e);
  }

如何使用其他方式显示与 addeventlistener 方法相同的值？

Answer 1

事实上 addEventListener 接受一个回调函数，您可以在其中调用任何您想要的代码。

因此，您可以创建一个回调函数来调用您的 handleImage 函数，而不是直接将您的 handleImage 函数作为回调传递。

imageLoader.addEventListener('change', function(e){
     //do whatever you want here
     handleImage()
}, false);

要使用 onchange 附加事件，您可以使用相同的方法:

imageLoader.onchange = function(event) { 
    //do whatever you want here
    handleImage(event); 
};