js事件绑定问题

Question

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的点击方法

Answer 1

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

Answer 2

$("#btn1").click(function(){
    $("#btn2").trigger('click');
});

$("#btn2").click(function(){
    //代码
})

Answer 3

function btn1Click(){
    console.log(111);
}
function btn2Click(){
    console.log(222);
}

on(btn1,'click', function(){
   btn2Click();
});

on(btn2,'click',function(){
  btn1Click();
});