-
Notifications
You must be signed in to change notification settings - Fork 132
translation: SyntheticEvent #66
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
saranshkataria
merged 25 commits into
reactjs:master
from
ps0305:translation-SyntheticEvent-hi
Apr 25, 2020
Merged
Changes from 1 commit
Commits
Show all changes
25 commits
Select commit
Hold shift + click to select a range
a2556bc
translation: SyntheticEvent
1540044
updated reference-event.md
ps0305 fb8fb78
Merge pull request #1 from ps0305/ps0305-patch-1
ps0305 302c765
Merge branch 'master' into translation-SyntheticEvent-hi
arshadkazmi42 78a1fc8
Update reference-events.md
ps0305 80342d2
Merge pull request #2 from ps0305/ps0305-patch-2
ps0305 03bc430
Merge branch 'master' into translation-SyntheticEvent-hi
saranshkataria a01ec8e
Update reference-events.md
ps0305 252917c
Merge pull request #3 from ps0305/ps0305-patch-3
ps0305 c24b2cb
Merge branch 'master' into translation-SyntheticEvent-hi
saranshkataria dda3647
Update reference-events.md
ps0305 35b8bbb
Merge pull request #4 from ps0305/ps0305-patch-4
ps0305 c22073c
Merge branch 'master' into translation-SyntheticEvent-hi
saranshkataria 6743cd9
Update reference-events.md
ps0305 4c8eb86
Merge pull request #5 from ps0305/ps0305-patch-5
ps0305 4323300
Merge branch 'master' into translation-SyntheticEvent-hi
ps0305 69bd773
Update reference-events.md
ps0305 0d9cbb3
Merge pull request #6 from ps0305/ps0305-patch-6
ps0305 71d88cf
Update reference-events.md
ps0305 86f3bb6
Update reference-events.md
ps0305 ec05059
Merge branch 'master' into translation-SyntheticEvent-hi
saranshkataria 6d1cbd5
Update reference-events.md
ps0305 1744b89
Merge pull request #7 from ps0305/ps0305-patch-7
ps0305 485752b
Update reference-events.md
ps0305 374b838
Merge pull request #8 from ps0305/ps0305-patch-8
ps0305 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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) | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
## Overview {#overview} | ||
## अवलोकन {#overview} | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
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()` शामिल हैं, सिवाय उन घटनाओं के, जो सभी ब्राउज़रों में समान रूप से काम करते हैं। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
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 में निम्न विशेषताएँ होती हैं। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```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()` को मैन्युअल रूप से, उपयुक्त के रूप में चालू/ट्रिगर किया जाना चाहिए। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
### 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 तरीके से एक्सेस नहीं कर सकते. | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```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` को हटा देगा और उपयोगकर्ता कोड द्वारा इवेंट के संदर्भ को बनाए रखने की अनुमति देगा। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
## Supported Events {#supported-events} | ||
## समर्थित इवेंट्स {#supported-events} | ||
|
||
React normalizes events so that they have consistent properties across different browsers. | ||
React घटनाओं को सामान्य करता है ताकि उनके विभिन्न ब्राउज़रों में सुसंगत गुण हों। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
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` का उपयोग करेंगे। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. you missed this |
||
|
||
- [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: | ||
गुण: | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```javascript | ||
DOMDataTransfer clipboardData | ||
``` | ||
|
||
* * * | ||
|
||
### Composition Events {#composition-events} | ||
### संयोजन इवेंट्स {#composition-events} | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
Event names: | ||
ईवेंट के नाम: | ||
|
||
``` | ||
onCompositionEnd onCompositionStart onCompositionUpdate | ||
``` | ||
|
||
Properties: | ||
गुण: | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```javascript | ||
string data | ||
|
@@ -124,15 +122,15 @@ string data | |
|
||
* * * | ||
|
||
### Keyboard Events {#keyboard-events} | ||
### कीबोर्ड इवेंट्स {#keyboard-events} | ||
|
||
Event names: | ||
ईवेंट के नाम: | ||
|
||
``` | ||
onKeyDown onKeyPress onKeyUp | ||
``` | ||
|
||
Properties: | ||
गुण: | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```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) में प्रलेखित किसी भी मान को ले सकती है। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
* * * | ||
|
||
### 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। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
Properties: | ||
गुण: | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
```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) देखें। | ||
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
arshadkazmi42 marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
* * * | ||
|
||
### Mouse Events {#mouse-events} | ||
### माउस इवेंट्स {#mouse-events} | ||
|
||
Event names: | ||
ईवेंट के नाम: | ||
saranshkataria marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
``` | ||
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: | ||
ईवेंट के नाम: | ||
saranshkataria marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
``` | ||
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: | ||
क्रॉस-ब्राउज़र समर्थन पर ध्यान दें: | ||
saranshkataria marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
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 | ||
|
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.