jQuery：如何檢測一個元素是否被點擊？

Question

我想知道是否有可能檢測一個元素是否被點擊。這是我的代碼：

$("#mpElement").myFeature({ 
      ......... 
      ......... 
      ......... 
    afterDo: function() { 
     // This if-else statement has to go inside "when not clicked" condition. 
     // Not sure how to do this... 
     if($(".myButton").last().hasClass("selected")) { 
      $(".myButton").first().addClass("selected"); 
      $(".myButton").last().removeClass("selected"); 
     } else { 
      $(".selected").removeClass("selected").next().addClass("selected"); 
     } 
     $(".myButton").on("click", function(){ 
      $(".myButton").removeClass("selected"); 
      $(this).closest(".myButton").addClass("selected"); 
     }); 
    } 
}); 

你會發現$（「myButton的‘）上（’點擊」，函數（）{檢測單擊事件，我想就把如果。裏面這個功能上面-else報表時不點擊條件不知道如何做到這一點

Answer 1

可以保持data屬性設置爲元素作爲點擊探測器

例如：。

<button class="myButton" data-clicked="no">My Button</button> 

在這裏，我設置data-clicked=no作爲初始配置。

內click事件設置data-clicked到yes像：

$('.myButton').on('click', function() { 
    $(this).data('clicked', 'yes'); 
}); 

現在檢查這個data-clicked屬性象下面這樣：

var isClicked = $('.myButton').data('clicked'); 

if(isClicked == 'yes') { 
    // do something 
} else { 
    // do something else 
}