Javascript 使用$（document）.on&；获取DOM元素的ID；鼠标器/鼠标器

早上好

我目前正在寻找一种在两种情况下获取DOM元素id的解决方案

• 场景一：当鼠标进入div时，获取div的ID 进来了
• 第二种情况：当鼠标离开div时，获取 把它扔到左边

它是动态内容，因此我有以下基本代码：

$(document).on({
    mouseenter: function(e) {

    },
    mouseleave: function(e) {

    }
}, '.template-builder-template-stream-slot');

但是，在上述两种情况下，我在获取元素的实际id时遇到问题

---

谢谢你的帮助

此和

e.target

均指目标元素：

var id = e.target.id;
var id = this.id;

如果此值为空字符串，则目标元素没有

id

属性

您可以通过记录目标元素来验证这种情况：

$(document).on({
    mouseenter: function(e) {
        console.log(this); // logs a DOM element
        console.log(this.id); // logs the id if present, or blank otherwise.
    }
}, '.template-builder-template-stream-slot');

---

此

和

e.target

均指目标元素：

var id = e.target.id;
var id = this.id;

如果此值为空字符串，则目标元素没有

id

属性

您可以通过记录目标元素来验证这种情况：

$(document).on({
    mouseenter: function(e) {
        console.log(this); // logs a DOM element
        console.log(this.id); // logs the id if present, or blank otherwise.
    }
}, '.template-builder-template-stream-slot');

---

您可以简单地使用

this.id

，假设您的

.template builder模板流槽

元素在触发此代码时实际具有id。如果没有ID，结果将为空

$（文档）。在({
鼠标指针：函数（e）{
log（“mouseenter on#”+this.id）；
},
鼠标移动：功能（e）{
log（“mouseleave on#”+this.id）；
}
}","举例";

此ID为“一”。
它的ID为“2”。
这根本没有ID。
您可以简单地使用
This.ID
，假设您的
.template builder template stream slot
元素在触发此代码时实际具有ID。如果没有ID，结果将为空


$（文档）。在({
鼠标指针：函数（e）{
log（“mouseenter on#”+this.id）；
},
鼠标移动：功能（e）{
log（“mouseleave on#”+this.id）；
}
}","举例";

此ID为“一”。
它的ID为“2”。
这根本没有ID。
您可以使用“e.target.ID”访问mouseenter和mouseleave方法中元素的ID。
您可以使用“e.target.ID”访问mouseenter和mouseleave方法中元素的ID。
您可以使用
此
或
e.target.ID
。有关更多信息，请访问您可以使用
此
或
e.target.id
。有关更多信息，请访问
很遗憾，我已经尝试过此方法，但它不起作用，但返回一个空值。很遗憾，我已经尝试过此方法，但它不起作用，但返回一个空值。这只是返回一个空值。在这种情况下，您的目标元素没有
id
属性集。这只是返回一个空值。在这种情况下，您的目标元素没有
id
属性集。我在错误的元素上添加了id，傻瓜我。不过这很完美，谢谢。我在错误的元素上添加了ID，傻我。不过这太完美了，谢谢你。