javascript - js如何判断哪个按钮被点击了？

Question

页面上有两个按钮，点击后都调用同样的js函数，只是传入的参数不同，请问如何在这个函数中判断是点击哪个按钮？

Answer 1

检测点击事件的节点event.target 根据event.target判断

Answer 2

用事件委托，然后判断target,伪代码如下：

$(docuement).on('click',function(e){
e.target...
})

Answer 3

例如：

<a href="javascript;" class="js_clickBtn" data-name="A">按钮A</a>
<a href="javascript;" class="js_clickBtn" data-name="B">按钮B</a>
$('.js_click').on('click',function(e){
    var $target = $(event.target); //此处就是可以查看是那个点击的jQ对象
})

Answer 4

方式1

<button class="btn1" id="btn1" var="参数1">btn1</button>
<button  class="btn1" id="btn2" var="参数2">btn2</button>$

$(".btn1").on("click",function(){
    var canshu=$(this).attr("var");
    //执行之后的代码
});

方式二：

<button class="btn1" id="btn1" var="btn1">btn1</button>
<button  class="btn1" id="btn2" var="btn2">btn2</button>$

$(".btn1").on("click",function(){
    if($(this).attr("var")=="btn1"){
        //调用btn1参数和函数
    }else if($(this).attr("var")=="btn2"){
    //调用btn2参数和函数
    }
});

Answer 5

1.可以设置标识属性,直接使用id或者data-id之类的
2.判断其位置