获取点击元素的ID

Question

<html>
<head>

<script type="text/javascript">
function getElement(e) {
    var element = e.target || e.srcElement;
    alert(element.id);
}
</script>

</head>
<body onclick="getElement()">

<div id="div1"></div>
<div id="div2"></div>

</body>
</html>

Tried this to get the ID of element clicked and alert it. 尝试过此操作以获取单击的元素ID并对其发出警报。 I'm sure it's something pretty basic I'm missing. 我确定这是我所缺少的基本知识。

Can anyone help? 有人可以帮忙吗？

Answer 1

It's actually pretty basic, stop using inline event handlers 它实际上很基本，请停止使用内联事件处理程序

<!DOCTYPE html>
    <head>
        <title>It works</title>
    </head>
    <body>

        <div id="div1"></div>
        <div id="div2"></div>

        <script type="text/javascript">
            document.addEventListener('click', function(e) {
                alert( e.target.id );
            }, false);
        </script>
    </body>
</html>

FIDDLE 小提琴

Answer 2

In this particular case, you need to actually send in the event object when binding to the onclick handler (example below). 在这种情况下，绑定到onclick处理程序时，您实际上需要发送event对象（下面的示例）。

However, I would strongly advise against using this approach! 但是，我强烈建议您不要使用这种方法！

Use document.addEventListener instead. 请改用document.addEventListener 。

 <html> <head> <script type="text/javascript"> function getElement(e) { var element = e.target || e.srcElement; alert(element.id); } </script> </head> <body onclick="getElement(event)"> <div id="div1">First Div</div> <div id="div2">Second Div</div> </body> </html>

获取点击元素的ID

问题描述

2 个解决方案

解决方案1
3 已采纳 2015-02-11 00:31:28

解决方案2
1 2015-02-11 00:33:17

获取点击元素的ID

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-02-11 00:31:28

解决方案2 1 2015-02-11 00:33:17

解决方案1
3 已采纳 2015-02-11 00:31:28

解决方案2
1 2015-02-11 00:33:17