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 
}