Javascript“evt 未定义”但可以在 Chrome 中使用

Question

function ganttChart(gContainerID) {

    this.gContainer = document.getElementById(gContainerID); 
    this.gCurrentMouseX;
    this.gCurrentMouseY;

    this.gAttatchMove = function(self) {

        self.gContainer.onmousemove = function() {


            if (self.gIsDraggingBar) {

                self.gUpdateMousePos();
                self.gBarBeingDragged.style.left = (self.gBarStartX - (self.gMouseStartX - self.gCurrentMouseX)) + "px";
            }

        };

        self.gContainer.onmouseup = function() {
            self.gIsDraggingBar = false;
        };

    }
    var self = this;
    this.gAttatchMove(self);

   // Update mouse coords
    this.gUpdateMousePos = function(evt) {
        if (window.event) {
            this.gCurrentMouseX = event.x;
            this.gCurrentMouseY = event.y;
        }
        else {
            this.gCurrentMouseX = evt.x;
            this.gCurrentMouseY = evt.y;
        }
    }

这在 Chrome 中工作正常，但 FF 会抛出错误：

evt 未定义

Answer 1

您需要将 mousemove 事件传递到 this.gUpdateMousePos()：

self.gContainer.onmousemove = function(evt) {
    if (self.gIsDraggingBar) {
        self.gUpdateMousePos(evt);
        // And the rest follows here
    }
};

IE 仅通过 window.event 提供当前事件。 Firefox 仅通过传递到事件处理函数的参数来提供它（您没有传递该参数，因此会出现错误）。 Chrome 和 Safari 都执行这两种操作（因此 Chrome 中不会出现错误）。