注册登录

凡人

发布：2015-06-09 23:50
更新：2015-06-10 03:31
阅读：2496

建议把addEventListener封装成onXXX的回调模式，这样更简单，清晰和明了

分类：MUI

如：

document.getElementById("mySwitch").addEventListener("toggle",function(event){  
  if(event.detail.isActive){  
    console.log("你启动了开关");  
  }else{  
    console.log("你关闭了开关");    
  }  
})

封装后为：

document.getElementById("mySwitch").onToggle = function(event){  
  if(event.detail.isActive){  
    console.log("你启动了开关");  
  }else{  
    console.log("你关闭了开关");    
  }  
})

2015-06-09 23:50 负责人:无分享

1 个回复

如果按你的这种写法封装，需要对原型进行扩展。目前业内的共识是不建议采用这种方式。
变相的做法可以用
mui('#mySwitch').onToggle(function(){});这其实比较类似jQuery的事件封装。
又或者mui.onToggle(document.getElementById("mySwitch"),function(){});

其实这两种写法，你自己封装扩展一下就行了。mui的核心是文件小，速度快，性能高，所以会尽量避免一些非必要的封装。

该问题目前已经被锁定, 无法添加新回复