javascript - 右键单击添加/删除类(class)

Question

我试图在右键单击元素时添加一个类，然后在单击页面上的其他任何内容时将其删除。

我正在使用 jQuery。

到目前为止我的功能是这样的:

$(".classElement").live('mousedown', function(e) { 
   if( (e.which == 3) ) {
     $(".classElement").addClass("active");
   }
   e.preventDefault();
}).live('contextmenu', function(e){
 e.preventDefault();
});

但是，这会将“事件”类添加到文档中的所有“.classElement”，而不是单击的单个类。我只想将类添加到被单击的元素。

此外，单击其他任何内容时如何删除该类？

Answer 1

您可以在单击 body 元素时 removClass active，但为此，您必须在单击当前元素时停止事件传播。

$(document).on('mousedown','.classElement', function(e) { 
  e.preventDefault();
  if( (e.which == 3) ) {
    $(this).addClass("active");
  }
  e.stopPropagation();
}).on('contextmenu','.classElement', function(e){
  e.preventDefault();
});
$(document.body).click(function(){
  $(".classElement").removeClass("active");
});