translation: SyntheticEvent

ps0305 · Jan 22, 2020 · a2556bc · a2556bc
1 parent d691515
commit a2556bc
Showing 1 changed file with 67 additions and 69 deletions.
diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md
@@ -1,18 +1,18 @@
 ---
 id: events
-title: SyntheticEvent
+title: SyntheticEvent(कृत्रिम इवेंट)
 permalink: docs/events.html
 layout: docs
 category: Reference
 ---
 
-This reference guide documents the `SyntheticEvent` wrapper that forms part of React's Event System. See the [Handling Events](/docs/handling-events.html) guide to learn more.
+यह संदर्भ React इवेंट सिस्टम का हिस्सा बनने वाले `SyntheticEvent` आवरण को निर्देशित करता है. अधिक जानने के लिए मार्गदर्शिका देखें | [Handling Events](/docs/handling-events.html)
 
-## Overview {#overview}
+## अवलोकन {#overview}
 
-Your event handlers will be passed instances of `SyntheticEvent`, a cross-browser wrapper around the browser's native event. It has the same interface as the browser's native event, including `stopPropagation()` and `preventDefault()`, except the events work identically across all browsers.
+आपके ईवेंट हैंडलर को `SyntheticEvent` के उदाहरण दिए जाएंगे, जो ब्राउज़र के मूल ईवेंट के आसपास एक क्रॉस-ब्राउज़र आवरण है। यह ब्राउज़र के मूल ईवेंट के समान है, जिसमें `stopPropagation()` और `stopDefault()` शामिल हैं, सिवाय उन घटनाओं के, जो सभी ब्राउज़रों में समान रूप से काम करते हैं।
 
-If you find that you need the underlying browser event for some reason, simply use the `nativeEvent` attribute to get it. Every `SyntheticEvent` object has the following attributes:
+यदि आप पाते हैं कि आपको किसी कारण से अंतर्निहित ब्राउज़र इवेंट की आवश्यकता है, तो इसे प्राप्त करने के लिए केवल `nativeEvent` विशेषता का उपयोग करें। प्रत्येक `SyntheticEvent` object में निम्न विशेषताएँ होती हैं।
 
 ```javascript
 boolean bubbles
@@ -31,15 +31,13 @@ number timeStamp
 string type
 ```
 
-> Note:
+> ध्यान दें:
 >
-> As of v0.14, returning `false` from an event handler will no longer stop event propagation. Instead, `e.stopPropagation()` or `e.preventDefault()` should be triggered manually, as appropriate.
+> V0.14 के अनुसार, किसी इवेंट हैंडलर से `false` वापस करना अब event propagation को रोक नहीं पाएगा। इसके बजाय, `e.stopPropagation()` या `e.preventDefault()` को मैन्युअल रूप से, उपयुक्त के रूप में चालू/ट्रिगर किया जाना चाहिए।
 
-### Event Pooling {#event-pooling}
+### इवेंट इकट्ठा करना {#event-pooling}
 
-The `SyntheticEvent` is pooled. This means that the `SyntheticEvent` object will be reused and all properties will be nullified after the event callback has been invoked.
-This is for performance reasons.
-As such, you cannot access the event in an asynchronous way.
+`SyntheticEvent` को इकट्ठा किया जाता है। इसका मतलब यह है कि `SyntheticEvent` object का पुन: उपयोग किया जाएगा और ईवेंट कॉलबैक लागू होने के बाद सभी गुणों को null कर दिया जाएगा। यह निष्पादन कारणों से है। जैसे, आप ईवेंट को asynchronous तरीके से एक्सेस नहीं कर सकते.
 
 ```javascript
 function onClick(event) {
@@ -60,15 +58,15 @@ function onClick(event) {
 }
 ```
 
-> Note:
+> ध्यान दें:
 >
-> If you want to access the event properties in an asynchronous way, you should call `event.persist()` on the event, which will remove the synthetic event from the pool and allow references to the event to be retained by user code.
+> यदि आप एक asynchronous तरीके से इवेंट के गुणों का उपयोग करना चाहते हैं, तो आपको इवेंट पर `event.persist()` को कॉल करना चाहिए, जो पूल(इकट्ठा इवेंट) से `SyntheticEvent` को हटा देगा और उपयोगकर्ता कोड द्वारा इवेंट के संदर्भ को बनाए रखने की अनुमति देगा।
 
-## Supported Events {#supported-events}
+## समर्थित इवेंट्स {#supported-events}
 
-React normalizes events so that they have consistent properties across different browsers.
+React घटनाओं को सामान्य करता है ताकि उनके विभिन्न ब्राउज़रों में सुसंगत गुण हों।
 
-The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, append `Capture` to the event name; for example, instead of using `onClick`, you would use `onClickCapture` to handle the click event in the capture phase.
+नीचे दिए गए घटना संचालकों को bubbling चरण में एक इवेंट द्वारा ट्रिगर किया गया है। कैप्चर/पकड़ना चरण के लिए एक ईवेंट हैंडलर पंजीकृत करने के लिए, `Capture` को ईवेंट नाम में जोड़ें, उदाहरण के लिए, `onClick` का उपयोग करने के बजाय, आप कैप्चर/पकड़ना चरण में click इवेंट को संभालने के लिए `onClickCapture` का उपयोग करेंगे।
 
 - [Clipboard Events](#clipboard-events)
 - [Composition Events](#composition-events)
@@ -89,33 +87,33 @@ The event handlers below are triggered by an event in the bubbling phase. To reg
 
 * * *
 
-## Reference {#reference}
+## संदर्भ {#reference}
 
-### Clipboard Events {#clipboard-events}
+### क्लिपबोर्ड इवेंट्स {#clipboard-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onCopy onCut onPaste
 ```
 
-Properties:
+गुण:
 
 ```javascript
 DOMDataTransfer clipboardData
 ```
 
 * * *
 
-### Composition Events {#composition-events}
+### संयोजन इवेंट्स {#composition-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onCompositionEnd onCompositionStart onCompositionUpdate
 ```
 
-Properties:
+गुण:
 
 ```javascript
 string data
@@ -124,15 +122,15 @@ string data
 
 * * *
 
-### Keyboard Events {#keyboard-events}
+### कीबोर्ड इवेंट्स {#keyboard-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onKeyDown onKeyPress onKeyUp
 ```
 
-Properties:
+गुण:
 
 ```javascript
 boolean altKey
@@ -149,53 +147,53 @@ boolean shiftKey
 number which
 ```
 
-The `key` property can take any of the values documented in the [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values).
+`key` संपत्ति, [DOM स्तर 3 इवेंट्स विनिर्देश](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) में प्रलेखित किसी भी मान को ले सकती है।
 
 * * *
 
-### Focus Events {#focus-events}
+### फोकस इवेंट्स {#focus-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onFocus onBlur
 ```
 
-These focus events work on all elements in the React DOM, not just form elements.
+ये फ़ोकस इवेंट React DOM में सभी elements पर काम करते हैं, न कि केवल फार्म elements।
 
-Properties:
+गुण:
 
 ```javascript
 DOMEventTarget relatedTarget
 ```
 
 * * *
 
-### Form Events {#form-events}
+### फार्म इवेंट्स {#form-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onChange onInput onInvalid onSubmit
 ```
 
-For more information about the onChange event, see [Forms](/docs/forms.html).
+OnChange ईवेंट के बारे में अधिक जानकारी के लिए [फार्म](/docs/forms.html) देखें।
 
 * * *
 
-### Mouse Events {#mouse-events}
+### माउस इवेंट्स {#mouse-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit
 onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
 onMouseMove onMouseOut onMouseOver onMouseUp
 ```
 
-The `onMouseEnter` and `onMouseLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase.
+`OnMouseEnter` और` onMouseLeave` ईवेंट उस element से प्रचारित होते हैं जिसे साधारण bubbling के बजाय किसी एक में छोड़ा जा रहा है और कैप्चर चरण/फेज नहीं है।
 
-Properties:
+गुण:
 
 ```javascript
 boolean altKey
@@ -216,20 +214,20 @@ boolean shiftKey
 
 * * *
 
-### Pointer Events {#pointer-events}
+### सूचक इवेंट्स {#pointer-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onPointerDown onPointerMove onPointerUp onPointerCancel onGotPointerCapture
 onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut
 ```
 
-The `onPointerEnter` and `onPointerLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase.
+`OnPointerEnter` और` onPointerLeave` ईवेंट उस element से प्रचारित होते हैं जिसे साधारण bubbling के बजाय एक में छोड़ा जा रहा है और कैप्चर चरण/फेज नहीं है।
 
-Properties:
+गुण:
 
-As defined in the [W3 spec](https://www.w3.org/TR/pointerevents/), pointer events extend [Mouse Events](#mouse-events) with the following properties:
+जैसा कि [W3 विनिर्देश](https://www.w3.org/TR/pointerevents/) में परिभाषित किया गया है, pointer events निम्नलिखित गुणों के साथ [माउस इवेंट्स](#mouse-events) का विस्तार करती हैं:
 
 ```javascript
 number pointerId
@@ -244,33 +242,33 @@ string pointerType
 boolean isPrimary
 ```
 
-A note on cross-browser support:
+क्रॉस-ब्राउज़र समर्थन पर ध्यान दें:
 
-Pointer events are not yet supported in every browser (at the time of writing this article, supported browsers include: Chrome, Firefox, Edge, and Internet Explorer). React deliberately does not polyfill support for other browsers because a standard-conform polyfill would significantly increase the bundle size of `react-dom`.
+पॉइंटर ईवेंट्स अभी तक हर ब्राउज़र में समर्थित नहीं हैं (इस लेख को लिखने के समय, समर्थित ब्राउज़र में शामिल हैं: क्रोम, फ़ायरफ़ॉक्स, एज और इंटरनेट एक्सप्लोरर)। React जानबूझकर अन्य ब्राउज़रों के लिए polyfill समर्थन नहीं करता है क्योंकि एक मानक-अनुरूप polyfill `react-dom` के बंडल आकार में काफी वृद्धि करेगा।
 
-If your application requires pointer events, we recommend adding a third party pointer event polyfill.
+यदि आपके एप्लिकेशन को pointer events की आवश्यकता है, तो हम तीसरे पक्ष के pointer events polyfill को जोड़ने की सलाह देते हैं.
 
 * * *
 
-### Selection Events {#selection-events}
+### चयन इवेंट्स {#selection-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onSelect
 ```
 
 * * *
 
-### Touch Events {#touch-events}
+### टच इवेंट्स {#touch-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onTouchCancel onTouchEnd onTouchMove onTouchStart
 ```
 
-Properties:
+गुण:
 
 ```javascript
 boolean altKey
@@ -285,15 +283,15 @@ DOMTouchList touches
 
 * * *
 
-### UI Events {#ui-events}
+### UI इवेंट्स {#ui-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onScroll
 ```
 
-Properties:
+गुण:
 
 ```javascript
 number detail
@@ -302,15 +300,15 @@ DOMAbstractView view
 
 * * *
 
-### Wheel Events {#wheel-events}
+### व्हील इवेंट्स {#wheel-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onWheel
 ```
 
-Properties:
+गुण:
 
 ```javascript
 number deltaMode
@@ -321,9 +319,9 @@ number deltaZ
 
 * * *
 
-### Media Events {#media-events}
+### मीडिया इवेंट्स {#media-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onAbort onCanPlay onCanPlayThrough onDurationChange onEmptied onEncrypted
@@ -334,25 +332,25 @@ onTimeUpdate onVolumeChange onWaiting
 
 * * *
 
-### Image Events {#image-events}
+### इमेज इवेंट्स {#image-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onLoad onError
 ```
 
 * * *
 
-### Animation Events {#animation-events}
+### एनीमेशन इवेंट्स {#animation-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onAnimationStart onAnimationEnd onAnimationIteration
 ```
 
-Properties:
+गुण:
 
 ```javascript
 string animationName
@@ -362,15 +360,15 @@ float elapsedTime
 
 * * *
 
-### Transition Events {#transition-events}
+### ट्रांज़िशन इवेंट्स {#transition-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onTransitionEnd
 ```
 
-Properties:
+गुण:
 
 ```javascript
 string propertyName
@@ -380,9 +378,9 @@ float elapsedTime
 
 * * *
 
-### Other Events {#other-events}
+### अन्य इवेंट्स {#other-events}
 
-Event names:
+ईवेंट के नाम:
 
 ```
 onToggle