首页 > 代码库 > 编写可维护的JavaScript之事件处理
编写可维护的JavaScript之事件处理
规则1:隔离应用逻辑
这会让你的代码容易调试
规则2:不要分发事件对象
event对象包含了太多信息
// a good example var handlePopup = { // 事件句柄,处理所有和event对象有关的东西 handleClick: function (e) { // 假设事件支持DOM Level2 e.preventDefault(); e.stopPropagation(); // 传入应用逻辑 this.showPopup(e.clientX, e.clientY); }, // 应用逻辑,独立于事件、 showPopup: function(x, y) { var popup = document.getElementById("popup"); popup.style.left = x + "px"; popup.style.top = y + "px"; } }; addListener(element, "click", function(e) { handlePopup.handleClick(e); });
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。