jQuery在純原生javascript中的“打開”和“關閉”

Question

我正在尋找一種以純JavaScript代碼表示jQuery的“打開”和“關閉”功能的方法。

例如：

jQuery("my_selector_here").on("click", function(){
     // some code here...
})

應該以最（總）准確的方式表示，例如：

myobj.fn.on = function(){
     // pure javascript code here...
}

提前致謝！

Answer 1

最原生的方法是使用DOM的Element.prototype.addEventListener方法。 看起來很簡單

elem.addEventListener('click', function( event ) {
}, false);

也就是說，除了其他一些魔術之外，jQuery在底下會被稱為。 庫面臨的最大問題是，老式的Internet Explorer在元素上添加事件的語法有所不同。 那些使用了elem.attachEvent方法，該方法略有不同。

天真地說，我們可以添加到Elements.prototype 。 例如

Element.prototype.on = function( name, callback ) {
    this.addEventListener( name, callback, false );
};

..然后我們可以像這樣使用它

document.body.on('click', function() {
    // code
});