Skip to content

Commit aca6ba3

Browse files
committed
translate some new sections in reference-events.md
1 parent 397cdd1 commit aca6ba3

File tree

1 file changed

+17
-16
lines changed

1 file changed

+17
-16
lines changed

content/docs/reference-events.md

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ Az alábbi eseménykezelők egy esemény által lettek elindítva a "bubbling" f
5555
- [Fókuszálás-események {#focus-events}](#fókuszálás-események-focus-events)
5656
- [onFocus](#onfocus)
5757
- [onBlur](#onblur)
58-
- [Detecting Focus Entering and Leaving](#detecting-focus-entering-and-leaving)
58+
- [Fókuszálás és fókuszálás elvesztésének detektálása](#fókuszálás-és-fókuszálás-elvesztésének-detektálása)
5959
- [Űrlapesemények {#form-events}](#űrlapesemények-form-events)
6060
- [Általános események {#generic-events}](#általános-események-generic-events)
6161
- [Egéresemények {#mouse-events}](#egéresemények-mouse-events)
@@ -154,41 +154,42 @@ DOMEventTarget relatedTarget
154154

155155
#### onFocus
156156

157-
The `onFocus` event is called when the element (or some element inside of it) receives focus. For example, it's called when the user clicks on a text input.
157+
Az `onFocus` esemény akkor van meghívva, amikor az elem (vagy valamelyik elem azon belül) fókuszálva van. Például amikor a felhasználó egy szöveg beivteli mezőre kattint.
158158

159159
```javascript
160160
function Example() {
161161
return (
162162
<input
163163
onFocus={(e) => {
164-
console.log('Focused on input');
164+
console.log('Fókuszálva a beviteli mezőre');
165165
}}
166-
placeholder="onFocus is triggered when you click this input."
166+
placeholder="Az onFocus meg lesz hívva, ha erre a beviteli mezőre kattintasz."
167167
/>
168168
)
169169
}
170170
```
171171

172172
#### onBlur
173173

174-
The `onBlur` event handler is called when focus has left the element (or left some element inside of it). For example, it's called when the user clicks outside of a focused text input.
174+
Az `onBlur` esemény akkor van meghívva, amikor a fókuszálás elhagyta az elemet (vagy valamelyik elemet azon belül). Például akkor, amikor a felhasználó egy fókuszált szöveg beviteli mezőn kívülre kattint.
175175

176176
```javascript
177177
function Example() {
178178
return (
179179
<input
180180
onBlur={(e) => {
181-
console.log('Triggered because this input lost focus');
181+
console.log('Meghívva, mivel a beviteli mező elvesztette a fókuszt');
182182
}}
183-
placeholder="onBlur is triggered when you click this input and then you click outside of it."
183+
placeholder="Az onBlur meg lesz hívva, ha erre a beviteli mezőre kattintasz, majd utána ezen kívülre."
184184
/>
185185
)
186186
}
187187
```
188188

189-
#### Detecting Focus Entering and Leaving
189+
#### Fókuszálás és fókuszálás elvesztésének detektálása
190190

191191
You can use the `currentTarget` and `relatedTarget` to differentiate if the focusing or blurring events originated from _outside_ of the parent element. Here is a demo you can copy and paste that shows how to detect focusing a child, focusing the element itself, and focus entering or leaving the whole subtree.
192+
Használhatod a `currentTarget` és `releatedTarget`-et, hogy meg tudd különböztetni, hogy a fókuszálás vagy fókuszálás elvesztésének eseménye a szülő komponensen _kívülről_ jön-e. Itt egy demo amit kimásolhatsz és beilleszthetsz, ami megmutatja hogyan detektálj fókuszálást egy gyermek elemre, magára az elemre, és fókuszálást vagy fókuszálás elvesztést a teljes alfára.
192193

193194
```javascript
194195
function Example() {
@@ -197,24 +198,24 @@ function Example() {
197198
tabIndex={1}
198199
onFocus={(e) => {
199200
if (e.currentTarget === e.target) {
200-
console.log('focused self');
201+
console.log('saját magára fókuszált');
201202
} else {
202-
console.log('focused child', e.target);
203+
console.log('gyermekre fókuszált', e.target);
203204
}
204205
if (!e.currentTarget.contains(e.relatedTarget)) {
205-
// Not triggered when swapping focus between children
206-
console.log('focus entered self');
206+
// Nincs meghívva gyermekek közti fókuszálás csere közt
207+
console.log('fókusz belépés saját magára');
207208
}
208209
}}
209210
onBlur={(e) => {
210211
if (e.currentTarget === e.target) {
211-
console.log('unfocused self');
212+
console.log('saját maga fókuszálásának elvesztése');
212213
} else {
213-
console.log('unfocused child', e.target);
214+
console.log('gyermek fókuszálásának elvesztése', e.target);
214215
}
215216
if (!e.currentTarget.contains(e.relatedTarget)) {
216-
// Not triggered when swapping focus between children
217-
console.log('focus left self');
217+
// Nincs meghívva gyermekek közti fókuszálás csere közt
218+
console.log('fókuszálás elvesztése saját magáról');
218219
}
219220
}}
220221
>

0 commit comments

Comments
 (0)