Typescript: Lib.d.ts के लिए इवेंट इंटरफ़ेस में currentTarget बदलने का अनुरोध करें

को निर्मित 29 जुल॰ 2014 · 36टिप्पणियाँ · स्रोत: microsoft/TypeScript

जब lib.d.ts से इवेंट इंटरफ़ेस का उपयोग किया जाता है, और एक श्रोता को संलग्न करते हैं, तो कॉलबैक को प्रकार इवेंट का ऑब्जेक्ट मिलेगा। हालाँकि, ईवेंट का वर्तमान टार्गेट गुण EventTarget का होता है (जबकि यह टाइप एलीमेंट / HTMLElement का होना चाहिए)।

lib.d.ts Suggestion help wanted

स्रोत

nathggns

👍61 👀1

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

मैं JS onload FileReader TS2339: Property 'result' does not exist on type 'EventTarget' में भाग गया, और घटना पर getSummary() लिए एक और चेतावनी FileReader के onerror ।

मेरा काम-के आसपास, भयानक लाल स्क्वीजीली लाइनों को दबाने के लिए ;-) निम्नलिखित है:

interface FileReaderEventTarget extends EventTarget {
    result:string
}

interface FileReaderEvent extends Event {
    target: FileReaderEventTarget;
    getMessage():string;
}

फिर मेरे ऐप में:

reader.onload = function(fre:FileReaderEvent) {
        var data = JSON.parse(fre.target.result);
        ...
    }

उत्पन्न जेएस कोड अच्छा लगता है और मेरे लिए काम करता है। क्या इस प्रकार का समाधान, असामान्य जेएस घटना प्रकारों के लिए, lib.d.ts में जोड़ा जा सकता है?

मैं अनुमान लगा रहा हूं कि मेरा समाधान सरल है। लेकिन यह जानने में मदद करेगा कि क्यों।

devdanke 3 जन॰ 2016

👍21

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

XMLHttpRequest ऑब्जेक्ट भी currentTarget हो सकता है लेकिन यह Element / HTMLElement नहीं है। शायद इसके पीछे यही वजह हो। क्या सामान्य प्रकार से इसमें सुधार होगा?

interface Event<T extends EventTarget> {
    /* ... */
    currentTarget: T;
    /* ... */
}

interface EventListener<T extends EventTarget> {
    (evt: Event<T>): void;
}

interface HTMLElement {
    /* ... */
    addEventListener(type: string, listener: EventListener<HTMLElement>, useCapture?: boolean): void;
}

saschanaz 3 अग॰ 2014

👍1

ऐसा लगता है कि इसे सुधारने के लिए एक लंबा रास्ता तय करना होगा।

मेरे आईफोन से भेजा गया

3 अगस्त 2014 को 13:34 पर, SaschaNaz सूचनाएं @github.com ने लिखा:
XMLHttpRequest ऑब्जेक्ट भी currentTarget हो सकता है लेकिन यह Element / HTMLElement नहीं है। शायद इसके पीछे यही वजह हो। क्या सामान्य प्रकार से इसमें सुधार होगा?
इंटरफ़ेस इवेंट{
/ * ... _ /
currentTarget: टी;
/ _ ... * /
}
इंटरफ़ेस इवेंटलिस्ट{
(evt: ईवेंट): शून्य;
}
इंटरफ़ेस HTMLElement {
/ * ... * /
addEventListener (प्रकार: स्ट्रिंग, श्रोता: EventListener, का उपयोग करें ;: बूलियन): शून्य;
}
-
इस ईमेल का उत्तर सीधे दें या इसे GitHub पर देखें।

nathggns 3 अग॰ 2014

ध्यान दें कि हर घटना का लक्ष्य Element (http://www.w3.org/TR/DOM-Level-3-Events/#event-types) नहीं है, इसलिए यहां समाधान अधिक होना चाहिए @SaschaNaz के सुझाव की तर्ज पर।

समस्या यह है कि हम वर्तमान में एक फ़ाइल के आधार पर लिपि का उपयोग करके lib.d.ts उत्पन्न करते हैं, जिसे हम इस समय सार्वजनिक नहीं कर सकते हैं, और उस फ़ाइल को नए के पक्ष में पदावनत किया जा रहा है। उसके कारण, हम इस समय स्क्रिप्ट में सुधार नहीं करने जा रहे हैं, लेकिन उम्मीद है कि भविष्य में हम lib.d.ts पीढ़ी की स्क्रिप्ट / इनपुट पर पीआर ले सकते हैं।

अभी के लिए 'Revisit' को टैग करना - कृपया हमें इस पर एक महीने में पिंग करें और मैं देख सकता हूं कि हम कहां पर हैं।

RyanCavanaugh 4 अग॰ 2014

😕3

क्या वर्तमान प्रकार को संदर्भित करने के लिए कोई वाक्यविन्यास है? मुझे लगता है कि अगर हम इस तरह का काम कर सकते हैं तो इसे और आसानी से हल किया जा सकता है:

interface HTMLElement {
    addEventListener(type: string, listener: EventListener<this>, useCapture?: boolean): void;
}

var image: HTMLImageElement;
var video: HTMLVideoElement;
image.addEventListener // receives EventListener<HTMLImageElement> type
video.addEventListener // receives EventListener<HTMLVideoElement> type

saschanaz 21 अग॰ 2014

यह कार्यक्षमता मौजूद नहीं है, यह कुछ ऐसा है जो # 285 और # 229 में सुझाया गया है

danquirk 21 अग॰ 2014

हाय सब, इस धागे को थामे। मैं Event.target साथ इस मुद्दे में भाग गया। मुझे लगता है कि ज्यादातर समय एक लक्ष्य एक HTMLElement । यह थोड़ा अजीब है कि डिफ़ॉल्ट प्रकार मानता है कि यह नहीं है। मैंने @SaschaNaz के सुझाव की कोशिश की और "डुप्लिकेट पहचानकर्ता" समस्या में भाग गया (क्षमा करें मुझे कुछ याद आ रहा है, मैं टाइपस्क्रिप्ट के लिए बहुत नया हूं)।

संपादित करें: इसने चेतावनियों को शांत करने का काम किया: (<HTMLElement>event.target).tagName

rayshan 16 जून 2015

@rayshan का सुझाव था कि lib.d.ts फ़ाइल में क्या जाना चाहिए और फ़ाइल सीधे इंटरनेट एक्सप्लोरर के कार्यान्वयन के आधार पर उत्पन्न होती है। तो आपके द्वारा की गई त्रुटि सटीक है। अभी इसके चारों ओर एकमात्र तरीका बिना बिल्ट इन लीब ( --noLib ) का निर्माण करना है और वर्कअराउंड का उपयोग करना है, या आपने जो किया है, उसे लक्षित करें। वर्तमान में टाइपस्क्रिप्ट (अभी क्योंकि DOM सबसे सुसंगत / संरचित / प्रकार सुरक्षित / लगातार लागू किया गया APIs का सेट नहीं है) में DOM के रिटर्न प्रकारों से निपटने की कई चुनौतियाँ हैं।

kitsonk 16 जून 2015

अब जब # 4910 का विलय हो गया है, क्या इस पर दोबारा गौर किया जा सकता है?

saschanaz 4 अक्तू॰ 2015

@zhengbli में लिबर की स्थिति पर कुछ संदर्भ हो सकते हैं। स्क्रिप्ट आधारित पीढ़ी के लिए आवश्यक मुद्दों की आवश्यकता होती है

danquirk 5 अक्तू॰ 2015

पीआरएस ने स्वागत किया। यहाँ lib.d.ts परिवर्तनों के योगदान पर कुछ जानकारी दी गई है: https://github.com/Microsoft/TypeScript/blob/master/CONTRIBUTING.md#contributing -libdts-fix

mhegazy 10 दिस॰ 2015

interface FileReaderEventTarget extends EventTarget {
    result:string
}

interface FileReaderEvent extends Event {
    target: FileReaderEventTarget;
    getMessage():string;
}

फिर मेरे ऐप में:

reader.onload = function(fre:FileReaderEvent) {
        var data = JSON.parse(fre.target.result);
        ...
    }

devdanke 3 जन॰ 2016

👍21

मैं इस मुद्दे को ठीक करना पसंद करूंगा। लेकिन जैसा कि मैं देखता हूं कि करंटगेट का एकमात्र सन्दर्भ TSJS जनरेटर में उत्पन्न webworker.generated.d.ts फाइलों के अंदर है। मुझे नहीं पता कि इस idea को कैसे ठीक किया जाए
मैं वास्तव में आशा करता हूं कि कोई व्यक्ति इस लगभग 3 साल पुराने मुद्दे को ठीक कर सकता है। इस तरह की त्रुटियों का कारण हो सकता है कि मैं अक्सर लोगों को यह कहते हुए सुनता हूं कि टाइपस्क्रिप्ट का उपयोग करना कठिन है और यह वास्तव में मुझे दुखी करता है।

DaSchTour 24 फ़र॰ 2017

कुंआ। मैंने इस मुद्दे को हल करने की कोशिश की। मैं एक PR https://github.com/Microsoft/TSJS-lib-generator/pull/202 बनाता हूं
उम्मीद है कि यह सही दिशा में जा रहा है।

DaSchTour 24 फ़र॰ 2017

मुझे Property 'getBoundingClientRect' does not exist on type 'EventTarget'. । मुझे लगता है कि यह एक अच्छा विचार है।

ccorcos 26 अप्रैल 2017

👍2

खैर, पीआर लगभग 2 महीने से लंबित है। अगर इस पर तेजी लाने के लिए कुछ किया जा सकता है तो मैं इस पर गौर करूंगा।

DaSchTour 26 अप्रैल 2017

यह वास्तव में बहुत अच्छा होगा अगर हम currentTarget सामान्य हो सकते हैं, इसलिए उदाहरण के लिए HTMLInputElement.onchange (event: Event<HTMLInputElement>) => void टाइप हो सकते हैं ताकि event.currentTarget.value बिना किसी कास्ट के काम करें। या एनोटेशन टाइप करें। प्रतिक्रिया के लिए टाइपिंग ऐसा करते हैं, लेकिन दुर्भाग्य से नहीं।

felixfbecker 25 अक्तू॰ 2017

👍8

यह जेनेरिक की वजह से प्रदर्शन के मुद्दे को अवरुद्ध करता है क्योंकि जेनेरिक डबल्स मेमोरी उपयोग को शुरू करता है issue

saschanaz 25 अक्तू॰ 2017

क्या ये प्रदर्शन समस्याएं रिएक्ट टाइपिंग के लिए समान रूप से लागू होती हैं?

felixfbecker 25 अक्तू॰ 2017

lib.d.ts में रिएक्ट टाइपिंग शामिल नहीं है, लेकिन आप कमांड में --diagnostics जोड़कर इसका परीक्षण कर सकते हैं।

saschanaz 25 अक्तू॰ 2017

@felixfbecker मुझे व्यक्तिगत रूप से संदेह है कि यह जल्द ही तय हो जाएगा। मुझे लगता है कि ज्यादातर लोग पहले से ही अपना वर्कअराउंड या टाइप टाइपस्क्रिप्ट को छोड़ चुके हैं। इसीलिए इस समस्या को रोकने वाले बहुत कम लोग हैं।

DaSchTour 25 अक्तू॰ 2017

यह समस्या अभी भी संस्करण 1.18.0 (1.18.0) में मौजूद है

ywang04 17 नव॰ 2017

नमस्ते,

के साथ एक ही मुद्दा ... और मुझे लगता है कि यह अभी तक तय नहीं है।

जब मैं उत्पादन के लिए अपने कोणीय 4 परियोजना को चिह्नित करता हूं, तो मुद्दा दिखाई देता है, और, जबकि एनजी सर्व की सेवा का उपयोग करते हुए .. यह ठीक काम करता है। तो मुझे लगता है कि कोणीय उत्पादन फ़ाइलों का प्रबंधन करने से संबंधित कुछ है।

anouarcharif 5 जन॰ 2018

इस मुद्दे पर कुछ प्रगति की उम्मीद है। टाइपस्क्रिप्ट के साथ डोम में हेरफेर करना कठिन है।

zheeeng 11 फ़र॰ 2018

यह मुद्दा चार साल पुराना है और संबंधित पीआर लगभग एक वर्ष मुझे संदेह है कि यह जल्द ही किसी भी समय तय किया जाएगा।

DaSchTour 11 फ़र॰ 2018

👀1 😕1

इस मुद्दे को लगभग 4 साल हो गए हैं लेकिन अभी तक तय नहीं किया गया है।

MrKou47 1 मार्च 2018

Https://github.com/Microsoft/TSJS-lib-generator/pull//207 में एक फिक्स उपलब्ध है
लेकिन @saschanaz प्रदर्शन के आधार पर अवरुद्ध है।

styfle 1 मार्च 2018

11 पर पार्टी टोनिंग करना - अपने ब्राउज़र टैब को अनलोड करें:
confirmationMessage(event: BeforeUnloadEvent): any {
const activeElement: HTMLElement = <HTMLElement>(<Document>event.target).activeElement;

: Dancing_men:

guntram 5 मार्च 2018

😄2 👍1

जोड़ने के बारे में क्या

    readonly currentTarget: Element | null;
    readonly target: Element | null;

UIEvent ही? यह बहुत विशिष्ट नहीं है, लेकिन अधिकांश कोड को खुश करता है।
शायद बिना | null किसी UIEvent पर भी दोनों हमेशा सेट रहते हैं

HolgerJeromin 3 अप्रैल 2018

यहाँ एक ही मुद्दा है। मैं टाइपस्क्रिप्ट के साथ Vue का उपयोग करने की कोशिश कर रहा था और उपयोगकर्ता द्वारा टाइप किए गए इनपुट फ़ील्ड का मूल्य प्राप्त करना चाहता था। लेकिन event.target.value टाइप चेकर को पास नहीं करेगा भले ही - मुझे लगता है - एक पाठ इनऑउट को हमेशा इस तरह के आयोजन के लिए ऐसे फ़ील्ड का उत्पादन करना चाहिए

simonh1000 8 अक्तू॰ 2018

हमने अपने कोड में कोई भी प्रकार जोड़कर त्रुटि से छुटकारा पा लिया:

this.url = (<any>event).target.result;

gautamkrishnar 20 मार्च 2019

😄2 👍1

इवेंट और EventTarget टाइप करने के बारे में क्या?

interface Event<C = any, S = any, T = any> {
  ...
  currentTarget: EventTarget<C> | null;
  srcElement: EventTarget<S> | null;
  target: EventTarget<T> | null;
  ...
}

interface EventTarget<T = any> {
  ...
}

iamstiil 12 अप्रैल 2019

👍2

मैं FileReader का उपयोग करते समय इस समस्या का सामना किया, सही प्रकार के लिए एक सरल कलाकार इसे ठीक करता है

const fileReader = new FileReader();
fileReader.onload = $ev => {
  console.log($ev); // type ProgressEvent
  console.log($ev.target); // type FileReader
  // console.log($ev.target.result); // editor and autocomplete doesn't show any error
  console.log(($ev.target as FileReader).result); // casting compiles fine
};
fileReader.readAsText(file);

adigourdi 7 नव॰ 2019

👍5

क्या इस विषय में कोई अपडेट है? event.target हर बार या किसी भी कास्टिंग इवेंट में बल के बिना इसे रखना उपयोगी होगा (जैसा कि @gautamkrishnar ने ऊपर किया था)। यह भी 2014 के बाद से खुला है। धन्यवाद!

alexandercerutti 25 फ़र॰ 2020

👍3

वास्तव में, 6 वें जन्मदिन से पहले इस मुद्दे पर किसी प्रकार की आधिकारिक प्रतिक्रिया के साथ यह अच्छा होगा

jonmol 12 अप्रैल 2020

हां, यह संभवतः DOM, JSX, आदि के साथ काम करते समय नंबर 1 दिन का उपद्रव है।

वास्तव में, मेरे पास यह एकमात्र दैनिक उपद्रव है - और मैं कल्पना करता हूं कि एक मिलियन लोगों के पास पूरे दिन है।

यह समझना बहुत मुश्किल है कि इसे कोई प्राथमिकता क्यों नहीं मिलती है।

mindplay-dk 14 अप्रैल 2020

👍14

Event.target के लिए भी। जब बच्चे अभी तक मौजूद नहीं हैं, तो एक बहुत ही सामान्य परिदृश्य किसी मूल तत्व में क्लिक हैंडलर जोड़ रहा है, और जब कई बच्चे होंगे। Event.target.tagName या यहां तक कि classList के लिए एक साधारण परीक्षण एक सामान्य बात है जो मैं करता हूं। यह काम करता है .... कई वर्षों से इसका इस्तेमाल किया है। मुझे टैगनेम / क्लासलिस्ट के लिए इंटेलीसेंस नहीं मिला क्योंकि EventTarget को HTMLElement के रूप में वर्गीकृत नहीं किया गया है, लेकिन यह काम करता है।

Dean-NC 15 अप्रैल 2020

👍2

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

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

Typescript: Lib.d.ts के लिए इवेंट इंटरफ़ेस में currentTarget बदलने का अनुरोध करें

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

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

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