javascript - 如何使用链接方法 JavaScript 附加点击事件

Question

JQuery 中的点击事件如何工作？

我的意思是，我学会了如何制作链接方法，但我不知道如何制作这样的点击事件:

MyLibrary("selector").click(function(){
console.log("hello");
});

我想，如果我学会了这一点，我就会知道模糊、鼠标悬停等是如何工作的。

拜托，我希望你能帮助我学习，我寻找答案，但我找不到任何答案，或者也许我问错了方式。

更新

我知道如何使用 jQuery，但是我问的是我该怎么做？我的意思是，我想创建一个库，并且想添加一个像 jQuery 那样的点击事件。

我做了这样的链接方法:

Find().UserByName("Bob").Write("DivOrInputObject's ID").UserByPass("pass").Write("DivOrInputObject's ID");

但是在编写代码时，我想到如何制作点击事件？简而言之，我想像 jQuery 一样模仿 click() 事件并将其添加到我的库中。

Answer 1

我假设您正在编写自己的 jQuery。因此，如果您的 MyLibrary 对象在 MyLibrary.el 下选择了元素，那么您可以拥有可链接的点击处理程序，如下所示:

click: function(handler){
  this.el.addEventListener('click', handler.bind(this.el));
  return this;
},

这会将处理程序内的 this 绑定(bind)到元素本身。就像 jQuery 一样

这是正在运行的代码:http://jsbin.com/ahinow/1/