雙擊獲取id

Question

如果我在頁面周圍有許多 div，它們都具有不同的 id，有些具有相同的類。 我怎么能說雙擊頁面上的任何地方我需要從我雙擊的元素中獲取 id 或 class 或任何內容？

就像我說的：

$('div').dblclick(function(){

var x = $(this).attr('id');
});

我可以說類似的話嗎

$('body').dblclick(function(){

    var x = $(this).attr('id');
    });

Answer 1

您可以獲取事件目標，即觸發事件的元素，然后獲取與該元素最接近的 DIV

$('body').dblclick(function(e){
    var x = $(e.target).closest('div').attr('id');
});

Answer 2

您可以考慮為<body>元素上的任何地方注冊一個 click 事件，並查看目標以查看到底點擊了什么：

$('body').dlbclick(function(e) {
    // You can adjust this to suit your needs
    var x = $(e.target).attr('id');
});

或者，如果您明確需要相對於該元素定位一個<div>元素，您可以找到最接近的元素並使用其 ID ：

$('body').dlbclick(function(e) {
    // You can adjust this to suit your needs
    var x = $(e.target).closest('div').attr('id');
});

Answer 3

$('body').on("dblclick","div",function(){
    var x = $(this).attr('id');
});