javascript - 如何使用事件监听器传递事件 (e) 和变量？

Question

我有一个这样的事件监听器:

div.addEventListener('mouseover',function(){bubble_info.call(data);},false);

function bubble_info(e,info){
  //get e.pageX etc
  //do stuff with info
}

这个问题是在 bubble_info 变量 e 保存了 data 的信息，而 info 是未定义的

如何确保我可以正确获取 e 和 info？

Answer 1

事件对象有很多有用的properties and methods .

div.addEventListener('mouseover',function(event){
    bubble_info(event, info); 
    // you can pass additional params that can be used in your handler 
},false);

function bubble_info(event, info){
  // you can access type of event from event object's properties
  console.log(event.type);
  console.log(info); // your additional parameter.
};

addEventListener Documentation

仅当您需要传递this (current) 对象的引用时才使用调用。它的语法将是...

FunctionName.call(thisArg, arguments-list, ...);

call Documentation