Underscore: __.debounce()는 event.currentTarget을 잃습니다.

Underscore 범위를 벗어나는 이벤트 개체 참조에서 속성이 변경된 경우. jQuery와 같은 라이브러리를 사용하는 경우 문제 없이 참조할 수 있어야 하는 합성 이벤트 개체를 만드는 데 도움이 될 수 있습니다.

나는 당신이 이 문제를 해결할 것이라고 생각하지 않습니다. event 는 DOM을 전파할 때 재사용되며 currentTarget 는 리스너가 있는 각 요소에 대해 변경됩니다. 깡깡이

두 번째 매개변수를 전달하면 이 문제를 해결할 수 있습니다. 깡깡이

var debounced = _.debounce(fn, 50);
document.querySelector('.debounced-input').addEventListener('keyup', function(event) {
    debounced(event, event.currentTarget);
});

예, 이것은 밑줄의 범위를 벗어납니다. gator 와 같은 DOM 이벤트 마이크로 프레임워크를 고려하십시오.

다음은 jQuery와 함께 작동하는 예제입니다 .

currentTarget 가 this 와 함께 일반적으로 가지고 있는 요소를 여전히 얻을 수 있습니다. 방금 내가 보고 있는 것이 실제로 예상되는 동작인지 확인하기 위해 이 문제를 열었습니다.

@jridgewell React onChange에서 이 문제를 해결하는 방법에 대한 아이디어가 있습니다. 디바운스를 사용하지 않으면 onChange 함수에서 적절한 이벤트에 액세스할 수 있지만 _.debounce 를 사용하면 적절한 event 를 잃게 됩니다. – 아래 참조

// in my render
<input onChange={ _.debounce(this.updateNote.bind(this), 500) } />

// my change handler
updateNote(event) {
    // undefined on event.target, get lodash event not <input/> event target
    const note = event.target.value
    this.sendNote({ note })
 }

내 두 번째 제안을 참조하십시오.

이것은 구현의 문제입니다. 이벤트를 지속해야 합니다. onChange는 지속을 호출한 다음 지속 이벤트를 디바운스 처리기에 전달해야 합니다.

onChange_persist = (e) =>
{
    e.persist();
    e.onChange_debounced(e);
}