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>

试过这个以获取点击元素的ID并提醒它。我确定它是一个非常基本的东西，我不知道。

有人可以帮忙吗？

Answer 1

它实际上非常基本，停止使用内联事件处理程序

<!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

在这种特殊情况下，您需要在绑定到event处理程序时实际发送onclick对象（下面的示例）。

但是，我强烈建议不要使用这种方法！

改为使用document.addEventListener。

＆＃13;

<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>

＆＃13;

获取单击元素的ID

2 个答案: