如何获取鼠标输入的元素ID?

时间:2013-07-14 06:48:11

标签: javascript jquery events

鼠标进入时是否有任何解决方案来获取对象ID? 像这样:

mouseenter(function () {
alert(ObjectName);
});

MORE: 假设我的页面中有几十个DIV,我想在鼠标输入时改变它们的颜色,所以在我知道对象ID之前我不会这样做,另一方面我无法设置任何鼠标输入功能他们分开。

2 个答案:

答案 0 :(得分:2)

假设您有div:

<div id="div1" class="list-item"></div>
<div id="div2" class="list-item"></div>
<div id="div3" class="list-item"></div>

使用jQuery只需执行此操作即可获取id:

$('.list-item').mouseenter(function (event) {
  alert(event.target.id);
});

那就是说,你不必知道改变颜色的id,因为event.target是你要改变的div,我想。所以只需做一些事情:

$('.list-item').mouseenter(function (event) {
  $(event.target).css({backgroundColor: '#F00'});
});

$('.list-item').mouseleave(function (event) {
  $(event.target).css({backgroundColor: ''});
});

答案 1 :(得分:1)

如果mouseenter是jquery事件处理程序,那么

$("<selector>").mouseenter(function(){
    alert(this.id);
});