编写可维护的JavaScript之事件处理
2014-05-27 22:23
281 查看
规则1:隔离应用逻辑
这会让你的代码容易调试
规则2:不要分发事件对象
event对象包含了太多信息
这会让你的代码容易调试
规则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); });
相关文章推荐
- 《编写可维护的 JavaScript》读书笔记第7章:事件处理
- 《编写可维护的 JavaScript》读书笔记第7章:事件处理
- 使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
- 使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
- JavaScript中的事件处理
- 用JavaScript事件串连执行多个处理过程的方法
- javascript的高级使用,设置页面元素是否相应事件与显示“正在处理”对话框
- html和javascript中按钮事件处理的不同
- javascript事件处理
- 跨浏览器的JavaScript事件处理[JavaScript高级程序设计]
- 用javascript写事件处理
- javascript事件处理
- 十种JavaScript事件处理的使用方法
- javascript 事件处理 IE和标准dom 的差别
- JavaScript中的事件处理
- 让客户端JAVASCRIPT在处理事件时也能串接事件处理函数
- JavaScript 参考教程 之四:事件处理
- JavaScript 参考教程——事件处理
- javascript参考教程(五)事件处理