javascript - 如何在没有 jQuery 的情况下获取事件目标

Question

我一直在尝试从 mouseenter 事件中获取目标(<li> 元素)，但到目前为止没有成功!

代码:

<ul id="ul">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<script>
    var ul = document.getElementById('ul');

    ul.onmouseenter = function(e) {
        console.log(e.target);
    };
</script>

不幸的是，控制台一直在打印 <ul />元素。有什么建议吗？

Answer 1

这是因为 onmouseenter事件不是“冒泡”事件，因此它只会在您输入 UL 时触发元素，而不是当您输入嵌套元素时，例如 LI元素。

因此 e.target和 this元素都将是 UL .

如果您使用 onmouseover相反它会冒泡，所以你会得到 LI作为 e.target当输入 LI元素。