Question

jquery 怎么判断鼠标是否在div上

Answer 1

有三种方法，刚好看到了这篇文章，分享给大家：

jquery判断鼠标是否在div里的三种方法

下面是三种方法的具体源码：

//#aijquery 就是要判断的DIV
//方法一：
if($.contains($("#aijquery")[0],e.target) || $("#aijquery")[0]==e.target){
    $(".info").text("鼠标在这个DIV里");
}else{
    $(".info").text("鼠标不在这个DIV里");
}
//方法二：
$("#aijquery").mouseover(function(){
    $(".primary").text("方法二：鼠标在这个DIV里");
}).mouseout(function(){
    $(".primary").text("方法二：鼠标不在这个DIV里");
});
//方法三：
var x=e.clientX;
var y=e.clientY;
var div_x_1 = $("#aijquery").offset().left;
var div_y_1 =  $("#aijquery").offset().top;
var div_x_2 = $("#aijquery").offset().left+$("#aijquery").outerWidth();
var div_y_2 =  $("#aijquery").offset().top+$("#aijquery").outerHeight();
if( x < div_x_1 || x > div_x_2 || y < div_y_1 || y > div_y_2){
    $(".danger").text("方法三：鼠标不在这个DIV里");
}else{
    $(".danger").text("方法三：鼠标在这个DIV里");
}

上面给的那个链接里，有完整的在线实例演示的，很好，很强大！

Answer 2

$('div').mousover(function(){
alert('鼠标在div上');

});