建議你去《JavaScript高級程序設計》中看下什么是重載；

如果你不想看，那么推薦你使用jQuery，在JQ中有一個函數叫做jQ.on()；

方法的使用：

$('選擇器').on({

????'click':function(){

? ? ?????//在這里執行你的點擊操作

? ? ?},

????'mouseover':function(){

????????//在這里執行你的鼠標移入的操作

? ? ?},

????'mouseout':function(){

????????//在這里執行你的鼠標移出操作

????}

});

你說的這種需求，策略模式是一種很好的應對，但是對于業務的擴展來說，有些時候還是不足的。

首先，一樓的說法必須得以來jQuery，在不依賴jQuery的前提下

我給出我的做法吧。

HTMLDOcument.prototype.getElementsByAttribute=function(attr){

????var?result=[];
????
????var?eles=document.getElementsByTagName("*");
????
????for(var?i=0;i<eles.length;i++){
????????if(eles[i].hassAttribute(attr)){
????????????results.push(eles[i]);
????????}
????}
????
????return?results;
};

function?strategyMethodBind=function(srcElem,eventTypes){

????for(var?item?in?eventTypes){
????????srcElem.addEventListener(eventTypes[item].type,
????????eventTypes[item].handler,false);
????}

}


window.onload=function(){

????[...document.getElementsByAttribute('strategy')].forEach(x=>{
????
????????strategyMethodBind(x,{
????????????type:"click",
????????????handler:function(){
????????????
????????????}
????????});
???
????})
}