Question

Jquery 或者 纯js 判断鼠标进入了页面上的那一个div

页面上有 6个div 。 id分别为　div1 , div2 ,div3,div4,div5,div6 现在用js 或者 jquery 判断我的鼠标进去了那一个div 求解 可以发简单的例子 或者 直接贴代码。 501541265@qq.com 进入div 后弹出div 的id 不要那种直接写了六个判断的 。

Answer 1

<div id="one" class="testDiv"></div>
<div id="two" class="testDiv"></div>
<div id="three" class="testDiv"></div>
<div id="four" class="testDiv"></div>

document.body.onmouseover = function(event){
    event = event || window.event;
    var target = event.target || event.srcElement;        
	switch(target.id){
        case "one":
            alert(target.id)
            break;
        case "two":
            alert(target.id)
            break;
        case "three":
            alert(target.id)
            break;
        case "four":
            alert(target.id)
            break;
    }
};

.testDiv{
	width: 200px;
	height: 100px;
	background: red;
	
}

 //以此类推。你可以吧6个div 放在一个大的div中,id为testDiv
 document.getElementById('testDiv').onmouseover = function(event){
    event = event || window.event;
    var target = event.target || event.srcElement;        
    alert(target.id)	//这样就不用写很多判断
};

Answer 2

为每个div增加onmouseover的事件处理脚本, 在脚本中就可以获知进入哪个div; 再处理onmouseout事件, 从而知道当前鼠标不在任何div上.类似:
<div id="d1" onmouseover="mover(this);" onmouseout="mout();">...</div>
脚本:
var g_onDiv = null;
function mover(o) {
g_onDiv = o;
}
function mout() {
g_onDiv = null;
}

当然, 你也可以补货整个页面的鼠标事件, 然后进行判断. 不过那个就比较麻烦了.

Answer 3

$(function(){
    $("div").mouseover(function(){alert($(this).attr("id"));});
});

用最新的jquery库