Skip to content

Commit d337c08

Browse files
authored
Update article.md
1 parent 1ad913d commit d337c08

1 file changed

Lines changed: 12 additions & 15 deletions

File tree

2-ui/2-events/05-dispatch-events/article.md

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Dispatching custom events
22

3-
ما نه تنها می توانیم کنترل کننده ها را اختصاص دهیم، بلکه می توانیم رویدادها را از جاوا اسکریپت نیز تولید کنیم.
3+
ما نه تنها می توانیم handler ها را اختصاص دهیم، بلکه می توانیم رویدادها را از جاوا اسکریپت نیز تولید کنیم.
44

55
از رویدادهای سفارشی می توان برای ایجاد "مولفه های گرافیکی" استفاده کرد. به عنوان مثال، یک عنصر ریشه از منوی مبتنی بر JS خودمان ممکن است رویدادهایی را ایجاد کند که می‌گوید چه اتفاقی در منو می‌افتد: باز کردن (باز کردن منو)، انتخاب (یک مورد انتخاب شده است) و غیره. کد دیگری ممکن است به رویدادها گوش دهد و آنچه را که در منو اتفاق می افتد مشاهده کند.
66

@@ -15,23 +15,22 @@
1515
let event = new Event(type[, options]);
1616
```
1717

18+
پارامتر ها:
1819
Arguments:
1920

20-
- *type* -- event type, a string like `"click"` or our own like `"my-event"`.
21-
- *options* -- the object with two optional properties:
22-
- `bubbles: true/false` -- if `true`, then the event bubbles.
23-
- `cancelable: true/false` -- if `true`, then the "default action" may be prevented. Later we'll see what it means for custom events.
24-
25-
By default both are false: `{bubbles: false, cancelable: false}`.
21+
- *نوع*: event type, یک رشته مانند `"click"` .
22+
- *گزینه ها*: شی ای با دو ویژگی اختیاری.
23+
- *Bubbles*:اگر true بود یعنی bubbled می شود.
24+
- *لغو شدن (true/false)*: اگر ویزگی مقدار true را داشت عمل پیش فرض آن لغو میشود،
25+
- به صورت پیش فرض: `{bubbles: false, cancelable: false}`.
2626

2727
## dispatchEvent
2828

29-
After an event object is created, we should "run" it on an element using the call `elem.dispatchEvent(event)`.
30-
31-
Then handlers react on it as if it were a regular browser event. If the event was created with the `bubbles` flag, then it bubbles.
29+
پس از ایجاد یک event، باید آن را روی یک element با استفاده از فراخوانی elem.dispatchEvent(event) اجرا کنیم.
3230

33-
In the example below the `click` event is initiated in JavaScript. The handler works same way as if the button was clicked:
31+
سپس handler ها به آن واکنش نشان می دهند که گویی یک رویداد معمولی مرورگر است. اگر رویداد با bubble flag ها ایجاد شده باشد، bubbled می شود.
3432

33+
در مثال زیر رویداد کلیک در جاوا اسکریپت آغاز می شود. handler به همان روشی کار می کند که اگر روی دکمه کلیک شده باشد:
3534
```html run no-beautify
3635
<button id="elem" onclick="alert('Click!');">Autoclick</button>
3736

@@ -41,11 +40,9 @@ In the example below the `click` event is initiated in JavaScript. The handler w
4140
</script>
4241
```
4342

44-
```smart header="event.isTrusted"
45-
There is a way to tell a "real" user event from a script-generated one.
43+
راهی برای تشخیص یک user event "واقعی" از event تولید شده توسط اسکریپت وجود دارد.
4644

47-
The property `event.isTrusted` is `true` for events that come from real user actions and `false` for script-generated events.
48-
```
45+
ویژگی 'event.isTrusted' برای رویدادهایی که از اقدامات واقعی کاربر ناشی می شوند 'true' و برای رویدادهای تولید شده توسط اسکریپت 'false' است.
4946

5047
## Bubbling example
5148

0 commit comments

Comments
 (0)