jQuery：如何检测是否未单击元素？

我想知道是否可以检测是否未点击元素。 这是我的代码：

$("#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”）。on（“click”，function（）{用于检测点击事件。我想在未点击条件时将if-else语句置于此函数之上。不确定如何做这个。

Answer 1

您可以将该data属性维护为单击检测器。

例：

 My 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 }