Underscore: _.debounce() घटना हार जाता है।currentTarget

को निर्मित 23 अक्तू॰ 2014 · 8टिप्पणियाँ · स्रोत: jashkenas/underscore

_.debounce() के साथ _.debounce() addEventListener का उपयोग करते समय मैं event.currentTarget प्राप्त करने में असमर्थ हूं।

यहाँ एक बेला है ।

स्रोत

jezen

सबसे उपयोगी टिप्पणी

@jridgewell किसी भी विचार को रिएक्ट ऑन चेंज में इसे कैसे प्राप्त करें। जब मैं बहस का उपयोग नहीं करता हूं तो मैं अपने ऑनचेंज फ़ंक्शन में उचित घटना तक पहुंचने में सक्षम हूं लेकिन जब मैं _.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 })
 }

samrispaud 1 दिस॰ 2016

👍9

सभी 8 टिप्पणियाँ

यदि संपत्ति अंडरस्कोर के दायरे से बाहर इवेंट ऑब्जेक्ट संदर्भ पर बदली गई है। यदि आप jQuery जैसे lib का उपयोग करते हैं जो सिंथेटिक ईवेंट ऑब्जेक्ट बनाने में मदद कर सकता है जिसे आप बिना किसी समस्या के संदर्भित करने में सक्षम होना चाहिए।

jdalton 23 अक्तू॰ 2014

मुझे नहीं लगता कि आप इससे उबरने वाले हैं। event का पुन: उपयोग किया जाता है क्योंकि यह डीओएम का प्रचार करता है, श्रोता के साथ प्रत्येक तत्व के लिए currentTarget बदलता है। बेला

दूसरा पैरामीटर पास करना इसके आसपास हो सकता है। बेला

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

jridgewell 23 अक्तू॰ 2014

हां, यह अंडरस्कोर के दायरे से बाहर है। gator जैसे DOM ईवेंट माइक्रो फ्रेमवर्क पर विचार करें

megawac 23 अक्तू॰ 2014

JQuery के साथ काम करने का इसका एक उदाहरण यहां दिया गया है।

jdalton 23 अक्तू॰ 2014

मैं अभी भी उस तत्व को प्राप्त कर सकता हूं जो currentTarget में आमतौर पर this के साथ होता है; मैंने यह सुनिश्चित करने के लिए अभी इस मुद्दे को खोला है कि मैं जो देख रहा हूं वह वास्तव में अपेक्षित व्यवहार है।

jezen 24 अक्तू॰ 2014

// 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 })
 }

samrispaud 1 दिस॰ 2016

👍9

मेरा दूसरा सुझाव देखें।

jridgewell 1 दिस॰ 2016

यह क्रियान्वयन का मामला है। आपको घटना को जारी रखने की जरूरत है। ऑनचेंज को एक निरंतर कॉल करना चाहिए और फिर लगातार घटना को विवादित हैंडलर को पास करना चाहिए:

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

jacobhobson 16 सित॰ 2018

👍4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Underscore: _.debounce() घटना हार जाता है।currentTarget

सबसे उपयोगी टिप्पणी

सभी 8 टिप्पणियाँ

संबंधित मुद्दों