zoukankan      html  css  js  c++  java
  • 编写可维护的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);
    });
  • 相关阅读:
    pytest ini配置文件格式
    C#星辰之路
    bootstrap
    rabbitmq 安装
    curl 下载文件
    mysql 面试题
    mvn --version
    后台运行的nohup vs &
    scp
    linux下.tar.gz和.gz文件解压详解
  • 原文地址:https://www.cnblogs.com/xiankui/p/3756070.html
Copyright © 2011-2022 走看看