有一个简单的方法用于获取触发事件的元素的 ID。
event.target 属性旨在获取在 jQuery 中触发事件的元素的 ID:
<!DOCTYPE html> <html> <head> <title>文档的标题</title> <style> div,p,span { padding: 30px; display: block; border: 3px solid green; } </style> <script src="https://code.jquery.com/jquery-3.5.0.min.js"></script> </head> <body> <div id="divId"> <p id="pId"> <span id="spanId">Click anywhere.</span> </p> </div> <script> $(document).ready(function() { $(document).click(function(event) { alert("Clicked: " + event.target.nodeName + ", id: " + event.target.id); }); }); </script> </body> </html>
“this”关键字也可以使用,但是,它不是 jQuery 对象,因此要在其上使用 jQuery 函数,我们必须将其引用为 $(this):
$(document).ready(function () { $("a").click(function (event) { //this.append will not work $(this).append("Click"); }); });
target 属性是对调度事件的对象的引用。
将 event.target 与 this 进行比较以确定事件是否由于事件冒泡而被处理通常很有用。
此关键字指的是正在执行当前 JavaScript 代码位的对象。
日期:2020-06-02 22:16:20 来源:oir作者:oir