简单来说就是当前事件(click、mouseover等等),保存了当前事件的信息。如鼠标点击事件,有鼠标的坐标信息等。
以一段代码为例:
$(function(){
var x = 10;
var y = 20;
//这个e是mouseover事件,在这里用到了e.pageX和e.pageY
$('a.tooltip').mouseover(function(e){
this.myTitle = this.title;
this.title = "";
var imgTitle = this.myTitle : "<br/>" + this.myTitle : "";
var tooltip = "<div id='tooltip'><img src='" + this.href + "' alt='产品浏览图'/>" + imgTitle + "</div>";
$('body').append(tooltip);
$('#tooltip').css({
"top": (e.pageY + y) + "px";
"left": (e.pageX + x) + "px";
}).show('fast');
}).mouseout(function(){
this.title = this.myTitle;
$('#tooltip').remove();
}).mousemove(function(e){
//这里的e的功能也是获取鼠标的坐标信息
$('#tooltip').css({
"top": (e.pageY + y) + "px";
"left": (e.pageX + x) + "px";
});
});
});