js如何判断哪个按钮被点击了?

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

阅读 37.8k
5 个回答

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

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

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

例如:

<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对象
})

方式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参数和函数
    }
});

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏