什么信息通过evt事件对象

时间:2017-04-11 15:03:03

标签: jquery

我的练习有问题,你可以看下面的代码。 我不明白事件对象evt,而且书也不清楚。 代码示例为什么它使用showMessage(evt)和alert(evt.data.message),这是必要的?? 感谢帮助 弗兰克



var linkVar = {message:'Hello from a link'};
var pVar = {message: 'Hello from a p'};
function showMessage(evt) {
  alert(evt.data.message);
  }
 $('a')on('mouseover' , linkVar, showMessage);
 $('p')on('mouseover' , pVar, showMessage);




1 个答案:

答案 0 :(得分:1)

它将帮助您运行代码作为示例:

// Variable definitions
var linkVar = {message:'Hello from a link'};
var pVar = {message: 'Hello from a p'};

// What to do on mouseover event on which elements and what to call when that happens
$('a').on('mouseover' , linkVar, showMessage);
$('p').on('mouseover' , pVar, showMessage);

// Function definition (it will be called everytime cursor mouseovers over elements A and P)
function showMessage(evt) {
  alert(evt.data.message);
}

从这里,你有.on方法,它会说:

数据 类型:任何东西 触发事件时要在event.data中传递给处理程序的数据。

所以任何内容都会作为事件传递。数据所以要到达你需要的字段,你将使用evt.data.message

希望这可以解决你的困惑。

这是一个小提琴:

https://jsfiddle.net/vdhobqny/