js插件多个实例中，如何解绑特定实例给docment绑定的事件？

Question

写了一个原生js插件，用的是构造函数的方式。在插件中需要给document绑定事件。请教一个页面多个实例中，如何为特定的实例在document中绑定、解绑事件？

Answer 1

要实现像jQuery命名空间一样的功能，自己写还是挺麻烦的。
原生的JS也可以实现，只是要保留处理程序的引用(代码来自MDN)：

var body =

        document.querySelector('body'),

    clickTarget = document.getElementById('click-target'),

    mouseOverTarget = document.getElementById('mouse-over-target'),

    toggle = false;

function makeBackgroundYellow() {

    'use strict';

    if (toggle) {

        body.style.backgroundColor = 'white';

    } else {

        body.style.backgroundColor = 'yellow';

    }

    toggle = !toggle;

}

clickTarget.addEventListener('click',

    makeBackgroundYellow,

    false

);

mouseOverTarget.addEventListener('mouseover', function () {

    'use strict';

    clickTarget.removeEventListener('click',

        makeBackgroundYellow,

        false

    );

});