javascript - js事件绑定问题

问题描述

问 题

html代码如下：

<input type=button value="按钮1" id="btn1">
<input type=button value="按钮2" id="btn2">

javascript代码：

//使用jquery代码如下：

$('#btn1').click(function(){   
    console.log(111); 
})
$('#btn2').click(function(){
    $('#btn1').click();  //此处触发btn1的点击事件
})

//原生javascript代码

var btn1= document.querySelector('#btn1');
var btn2= document.querySelector('#btn2');

function on(obj,event,fn){
  obj.addEventListener(event,function(){
    fn && fn();
  },false)
}

on(btn1,'click',function(){
  console.log(222);
})

on(btn2,'click',function(){
  on(btn1,'click');  //这里就不知道怎么处理了
}) 

也可见 codepen
实现的就是点btn1时触发btn2的点击方法

解决方案

on(btn2,'click',function(){
  btn1.click();
}) 

这篇关于javascript - js事件绑定问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！