javascript鼠标事件

Question

javascript中是否有一种方法可以使“onclick”适用于特定类的所有成员？ 因此，如果我有对象 A 和 B 都是 X 类型，单击它们中的任何一个都会调用相同的函数？ 但是该函数应该只对调用 A 或 B 中的任何一个起作用，而不是同时起作用。

因为基本上我想要做的是当我点击 A 或 B 时，它们会移动到不同的位置，但我希望这能够适用于同一类中任意数量的 n 个元素

Answer 1

演示： http : //jsfiddle.net/2BRS9/

为所有这些 html 元素添加相同的类。 您可以获取事件所在的元素

如果类名是“myclass”

  $(".myclass").live({
      click: function(e){
      // You can get id by many ways, some shown here :
      id= this.id;
      console.log(id);
      id = $(this).attr("id");
      console.log(id);
      id = e.target.id;  
      console.log(id);

   }

});

Answer 2

   <input type="button" class="abc" value="A" />
   <input type="button" class="abc" value="B" />
   <input type="button" class="abc" value="C" />
   <input type="button" class="abc" value="D" />


 $(".abc").click(function() {
  alert("any of the above is clicked");
 });

Answer 3

试试这个：

$('.classname_of_member').bind('click',function(){
//your code here
});

Answer 4

为此，您可以使用“this”关键字。

例如

<input type="button" class="abc" value="A" />
<input type="button" class="abc" value="B" />
<input type="button" class="abc" value="C" />
<input type="button" class="abc" value="D" />


$(".abc").click(function() {
 $(this).hide(); // for hiding the only the clicked element.
});

Answer 5

我编写了一些简单的代码来处理鼠标操作，包括单击、双击、右键单击和拖放。 [www.derbyshiresoftware.co.uk/how-to-handle-mouse-operations/][1]