javascript - 如何获取鼠标输入的元素 ID？

Question

有什么解决方案可以在鼠标进入时获取对象 ID？像这样的东西：

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

更多：假设我的页面中有数十个DIV，并且我想在鼠标进入它们时更改它们的颜色，所以在我知道对象ID之前我不会这样做，另一方面我无法设置鼠标输入功能其中任何一个分开。

Answer 1

假设你有 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是id。div所以只需执行以下操作：

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

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

Answer 2

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

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