如何使用jQuery在mouseover上找到当前元素？

Question

如何获取鼠标悬停时当前元素的类名？例如

当鼠标从div到a时,我想获得div元素的类名.我如何使用jQuery获取它？

Answer 1

你可以尝试这个:

window.onmouseover=function(e) {
        console.log(e.target.className);
};

Answer 2

这是我的版本:

function handler(ev) {
var target = $(ev.target);
var elId = target.attr('id');
if( target.is(".el") ) {
   alert('The mouse was over'+ elId );
}
}
$(".el").mouseleave(handler);

工作小提琴:http://jsfiddle.net/roXon/dJgf4/

function handler(ev) {
    var target = $(ev.target);
    var elId = target.attr('id');
    if( target.is(".el") ) {
       alert('The mouse was over'+ elId );
    }
}
$(".el").mouseleave(handler);

.el{
    width:200px;
    height:200px;
    margin:1px;
    position:relative;
    background:#ccc;   
    float:left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hover an element and refresh the page, than move your mouse away.</p>
<div id="element1" class="el"></div>
<div id="element2" class="el"></div>
<div id="element3" class="el"></div>
<div id="element4" class="el"></div>
<div id="element5" class="el"></div>
<div id="element6" class="el"></div>
<div id="element7" class="el"></div>
<div id="element8" class="el"></div>
<div id="element9" class="el"></div>

Answer 3

你想要鼠标悬停事件发生的div的类名吗？如果是这种情况,那么请参考

HTML

<div class="a">aaaaaaaa</div>
<div class="b">bbbbbbbbb</div>

jQuery的

$(document).on('mouseover', 'div', function(e) {
    console.log($(e.target).attr('class'));
});

的jsfiddle

我已经将mouseover事件与目标一起使用了

e.target给出了该事件发生的元素

如果你想在离开鼠标后得到div的类名,那么使用"mouseleave"事件安装"mouseover"