javascript中有没有一种方法可以使“onclick”适用于特定类的所有成员?因此,如果我有两个都是 X 类型的对象 A 和 B,单击它们中的任何一个都会调用相同的函数?但是该函数应该只适用于调用 A 或 B 中的任何一个,而不是同时调用两者。
因为基本上我想要做的是当我点击 A 或 B 时,它们会移动到不同的位置,但我希望这能够适用于同一类中任意数量的 n 个元素
javascript中有没有一种方法可以使“onclick”适用于特定类的所有成员?因此,如果我有两个都是 X 类型的对象 A 和 B,单击它们中的任何一个都会调用相同的函数?但是该函数应该只适用于调用 A 或 B 中的任何一个,而不是同时调用两者。
因为基本上我想要做的是当我点击 A 或 B 时,它们会移动到不同的位置,但我希望这能够适用于同一类中任意数量的 n 个元素
演示:http: //jsfiddle.net/2BRS9/
为所有这些 html 元素添加相同的类。您可以获取事件所在的元素 fi
如果类名是“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);
}
});</p>
<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");
});
试试这个:
$('.classname_of_member').bind('click',function(){
//your code here
});
为此,您可以使用“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.
});
我编写了一些简单的代码来处理鼠标操作,包括单击、双击、右键单击和拖放。[www.derbyshiresoftware.co.uk/how-to-handle-mouse-operations/][1]