有什么方法可以获取触发事件的元素的ID ?
我在想:
$（document）.ready（function（） { $（“a”）.click（function（） { VaR 测试 = caller.id; alert（test.val（））; }); }); <script type=“text/javascript” src=“starterkit/jquery.js”></script> <表单类=“项目” id=“aaa”> <输入类=“标题”></input> </form> <表单类=“项目” id=“bb”> <输入类=“标题”></input> </form>
当然，除了var测试应该包含id“aaa”(如果事件是从第一个表单触发)和“bbb”(如果事件是从第二个表单触发)。
当前回答
你可以试着用:
$('*').live('click', function() {
console.log(this.id);
return false;
});
其他回答
在jQuery事件中。Target总是指向触发事件的元素，其中event是传递给函数的参数。http://api.jquery.com/category/events/event-object/
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id);
});
});
还要注意的是，这也可以工作，但它不是一个jQuery对象，所以如果你想在它上使用jQuery函数，那么你必须引用它为$(this)，例如:
$(document).ready(function() {
$("a").click(function(event) {
// this.append wouldn't work
$(this).append(" Clicked");
});
});
作为参考，试试这个!它的工作原理!
jQuery("classNameofDiv").click(function() {
var contentPanelId = jQuery(this).attr("id");
alert(contentPanelId);
});
您可以使用该函数获取更改项的id和值(在我的示例中，我使用了Select标记)。
$('select').change(
function() {
var val = this.value;
var id = jQuery(this).attr("id");
console.log("value changed" + String(val)+String(id));
}
);
以Angular 7为例。你可以得到原生元素和它的id或属性。
myClickHandler($event) {
this.selectedElement = <Element>$event.target;
console.log(this.selectedElement.id)
this.selectedElement.classList.remove('some-class');
}
html:
<div class="list-item" (click)="myClickHandler($event)">...</div>
在事件属性中触发事件的元素
event.currentTarget
我们得到DOM节点对象，在其上设置事件处理程序。
最嵌套的节点开始冒泡进程，我们有
event.target
事件对象总是事件处理程序的第一个属性，例如:
document.querySelector("someSelector").addEventListener(function(event){
console.log(event.target);
console.log(event.currentTarget);
});
更多关于事件委托的信息，请访问http://maciejsikora.com/standard-events-vs-event-delegation/
