Event Listener не удаляется

Question

У меня проблема с удалением прослушивателя событий из моего документа. В настоящее время я добавляю функцию в документ в свою функцию «drag_delta» и удаляю ее в своей функции «drag_stop». Я пытаюсь получить дельту мыши, перетаскивая изображение, используя данные clientY, и сравнивая его с clientY от события «начать перетаскивание». Текущий код выполняется до функции drag_stop, полностью игнорируя его (я попробовал распечатать слово «run», чтобы узнать, признает ли его даже его подтверждение). Я написал это в JSX, поскольку я использую React.- Джастин

//Creation of class, and initial state set 
var Knob = React.createClass({ 
    getInitialState: function(){ 
    return{season: 1}; 
    }, 

drag_start: function(data){ 
    var startPos = data.clientY; 
    console.log(startPos); 
    document.addEventListener("mousemove",this.drag_delta); 
}, 

    drag_delta: function(data){ 
    console.log(data.clientY); 
    this.setState({season: data.clientY}); 
    document.addEventListener("mouseup",this.drag_stop); 
    }, 

    drag_stop: function(data){ 
    document.removeEventListener("mousemove",this.drag_stop); 
    console.log("run"); 
    }, 

render: function(){ 
    return(
      <div> 
      <img src = "../style/img/wood-bg.png" /> 
      <img src ={ '../style/img/Seasons/sprites_cut/'+this.state.season+'.png'} ref = "season" onDragStart = {this.drag_start} /> 
      </div> 
    );//Ed 
    } //end render function 
}); //end knob class 

React.render(<Knob />, mountNode); 

Answer 1

это что-то делать с обработкой события в браузере, вы привяжите вверх мышь в середине перемещения мыши, что означает обработку событий модель не будет обновляться до тех пор, пока текущее событие перемещения мыши не будет завершено. поэтому, когда вы закончите движение события (перетаскивание и мышь), ваше новое событие мыши вступит в силу, это подтверждается наблюдением Феликса.

модель события отличается от модели событий в ОС (windows/mac, они могут вступить в силу сразу), процесс события обновляется только после завершения текущего круга процессов, то, что изменилось для обработки событий, только начнет действовать в следующий круг обработки событий.