JavaScript 获取触发事件的元素的ID

  • Z时代
  • 2024-01-10
  • 分类：问答

有什么方法可以获取触发事件的元素的ID？

我在想类似的东西：

$(document).ready(function() {
  $("a").click(function() {
    var test = caller.id;
    alert(test.val());
  });
});
<script type="text/javascript" src="starterkit/jquery.js"></script>
<form class="item" id="aaa">
  <input class="title"></input>
</form>
<form class="item" id="bbb">
  <input class="title"></input>
</form>

当然，如果从第一种形式触发事件，则var test应该包含id "aaa"；如果"bbb"从第二种形式触发事件，则var 应该包含id 。

回答：

在jQuery中，event.target始终指触发事件的元素，其中event传递给函数的参数在哪里。

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

还请注意，这也this将起作用，但它不是jQuery对象，因此，如果您希望在其上使用jQuery函数，则必须将其称为$(this)，例如：

$(document).ready(function() {
    $("a").click(function(event) {
        // this.append wouldn't work
        $(this).append(" Clicked");
    });
});

以上是 JavaScript 获取触发事件的元素的ID 的全部内容， 来源链接： utcz.com/qa/433889.html

回到顶部