You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/reference-events.md
+70-73
Original file line number
Diff line number
Diff line change
@@ -6,13 +6,13 @@ layout: docs
6
6
category: Reference
7
7
---
8
8
9
-
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.
9
+
यह निर्देशिका `SyntheticEvent`आवरण को निर्देशित करता है जो React इवेंट सिस्टम का एक हिस्सा है। अधिक जानने के लिए [Handling Events](/docs/handling-events.html)गाइड देखें।
10
10
11
-
## Overview {#overview}
11
+
## ओवरव्यू {#overview}
12
12
13
-
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.
13
+
आपके ईवेंट हैंडलर को `SyntheticEvent` के उदाहरण के तौर पर, ब्राउज़र के नेटिव ईवेंट के चारों ओर एक क्रॉस-ब्राउज़र रैपर दिया जाएगा। यह ब्राउज़र के नेटिव ईवेंट के समान है, जिसमें`stopPropagation()`और`preventDefault()` शामिल हैं, पर यह इवेंट्स सभी ब्राउज़रों में समान रूप से काम करते हैं।
14
14
15
-
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:
15
+
यदि किसी कारण से आप पाते हैं कि आपको अंतर्निहित ब्राउज़र इवेंट की आवश्यकता है, तो इसे प्राप्त करने के लिए `nativeEvent`एट्रिब्यूट का उपयोग करें। प्रत्येक`SyntheticEvent`ऑब्जेक्ट में निम्न विशेषताएँ होती हैं।
16
16
17
17
```javascript
18
18
boolean bubbles
@@ -32,15 +32,15 @@ number timeStamp
32
32
string type
33
33
```
34
34
35
-
> Note:
35
+
> ध्यान दें:
36
36
>
37
-
> 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.
37
+
> v0.14 से, किसी इवेंट हैंडलर द्वारा `false`लौटाने पर event propagation नहीं रुकेगा। इसके बजाय, `e.stopPropagation()`या`e.preventDefault()`को ज़रूरत के अनुसार मैन्युअल रूप से इस्तेमाल करना चाहिए।
38
38
39
-
### Event Pooling {#event-pooling}
39
+
### इवेंट इकट्ठा करना {#event-pooling}
40
40
41
-
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.
42
-
This is for performance reasons.
43
-
As such, you cannot access the event in an asynchronous way.
41
+
`SyntheticEvent`को इकट्ठा किया जाता है। इसका मतलब यह है कि `SyntheticEvent`ऑब्जेक्ट का पुन: उपयोग किया जाएगा और ईवेंट कॉलबैक लागू होने के बाद सभी प्रॉपर्टीज को nullify कर दिया जाता है।
42
+
यह परफॉरमेंस कारणों से है।
43
+
जैसे की, हम ईवेंट को asynchronous तरीके से एक्सेस नहीं कर सकते हैं।
44
44
45
45
```javascript
46
46
functiononClick(event) {
@@ -61,15 +61,15 @@ function onClick(event) {
61
61
}
62
62
```
63
63
64
-
> Note:
64
+
> ध्यान दें:
65
65
>
66
-
> 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.
66
+
> यदि आप asynchronous तरीके से इवेंट के प्रॉपर्टीज का उपयोग करना चाहते हैं, तो आपको इवेंट पर `event.persist()`को कॉल करना चाहिए, जो पूल से सिंथेटिक इवेंट को हटा देगा और यूजर कोड द्वारा इवेंट के रेफरेन्सेस को बनाये रखेगा।
67
67
68
-
## Supported Events {#supported-events}
68
+
## समर्थित इवेंट्स {#supported-events}
69
69
70
-
React normalizes events so that they have consistent properties across different browsers.
70
+
React नोर्मलिज़ेस इवेंट्स, ताकि उनके विभिन्न ब्राउज़रों में सुसंगत गुण हों।
71
71
72
-
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.
72
+
नीचे दिए गए इवेंट हैंडलर्स को bubbling फेज में एक इवेंट द्वारा ट्रिगर किया गया है। कैप्चर फेज में कोई ईवेंट हैंडलर रजिस्टर करने के लिए, ईवेंट नाम में `Capture` जोड़ें, उदाहरण के लिए,`onClick` का उपयोग करने के बजाय, कैप्चर फेज में click इवेंट को संभालने के लिए `onClickCapture` का उपयोग होता है।
73
73
74
74
-[Clipboard Events](#clipboard-events)
75
75
-[Composition Events](#composition-events)
@@ -91,33 +91,33 @@ The event handlers below are triggered by an event in the bubbling phase. To reg
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).
154
+
`key`प्रॉपर्टी, [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) में प्रलेखित किसी भी वैल्यू को ले सकती है।
155
155
156
156
* * *
157
157
158
-
### Focus Events {#focus-events}
158
+
### फोकस इवेंट्स {#focus-events}
159
159
160
-
Event names:
160
+
इवेंट्स के नाम:
161
161
162
162
```
163
163
onFocus onBlur
164
164
```
165
165
166
-
These focus events work on all elements in the React DOM, not just form elements.
166
+
ये फ़ोकस इवेंट React DOM में सभी एलिमेंट्स पर काम करते हैं, न कि केवल फार्म एलिमेंट्स पर।
167
167
168
-
Properties:
168
+
प्रॉपर्टीज:
169
169
170
170
```javascript
171
171
DOMEventTarget relatedTarget
172
172
```
173
173
174
174
* * *
175
175
176
-
### Form Events {#form-events}
176
+
### फार्म इवेंट्स {#form-events}
177
177
178
-
Event names:
178
+
इवेंट्स के नाम:
179
179
180
180
```
181
181
onChange onInput onInvalid onReset onSubmit
182
182
```
183
183
184
-
For more information about the onChange event, see [Forms](/docs/forms.html).
184
+
onChange ईवेंट के बारे में अधिक जानकारी के लिए [फॉर्म्स](/docs/forms.html) देखें।
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.
205
+
`onMouseEnter`और`onMouseLeave`इवेंट्स, साधारण बब्बलीन्ग के बजाय एलिमेंट के छोड़े जाने से दर्ज किये जाने पर प्रचारित होते हैं और इनमें कैप्चर फेज नहीं होता है।
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.
237
+
`onMouseEnter` और `onMouseLeave` इवेंट्स, साधारण बब्बलीन्ग के बजाय एलिमेंट के छोड़े जाने से दर्ज किये जाने पर प्रचारित होते हैं और इनमें कैप्चर फेज नहीं होता है।
241
238
242
-
Properties:
239
+
प्रॉपर्टीज:
243
240
244
-
As defined in the [W3 spec](https://www.w3.org/TR/pointerevents/), pointer events extend [Mouse Events](#mouse-events)with the following properties:
241
+
जैसा कि [W3 विनिर्देश](https://www.w3.org/TR/pointerevents/) में परिभाषित किया गया है, पॉइंटर इवेंट्स निम्नलिखित गुणों के साथ [माउस इवेंट्स](#mouse-events)का विस्तार करते हैं:
245
242
246
243
```javascript
247
244
number pointerId
@@ -256,33 +253,33 @@ string pointerType
256
253
boolean isPrimary
257
254
```
258
255
259
-
A note on cross-browser support:
256
+
क्रॉस-ब्राउज़र समर्थन पर एक नोट:
260
257
261
-
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`.
258
+
पॉइंटर ईवेंट्स अभी तक हर ब्राउज़र में सपोर्टेड नहीं हैं (इस लेख को लिखने के समय, सपोर्टेड ब्राउज़र में Chrome, Firefox, Edge और Internet Explorer शामिल हैं। `react-dom` के बंडल आकार में काफी वृद्धि न हो इसलिए React जानबूझकर अन्य ब्राउज़रों के लिए पॉलीफिल समर्थन नहीं करता।
262
259
263
-
If your application requires pointer events, we recommend adding a third party pointer event polyfill.
260
+
यदि आपके एप्लिकेशन को पॉइंटर इवेंट्स की आवश्यकता है, तो हम थर्ड पार्टी पॉइंटर इवेंट पॉलीफिल जोड़ने की सलाह देते हैं।
0 commit comments