Update article.md

/done

Author: shahrzadJavadiKoushesh

2-ui/4-forms-controls/2-focus-blur/article.md

@@ -1,6 +1,5 @@
 # Focus: متمرکز کردن/محو کردن
 
-
 یک element وقتی focus دریافت می‌کند که کاربر روی آن click کند یا از کلید `key:Tab` در صفحه‌کلید استفاده کند. همچنین یک attribute به نام `autofocus` در HTML وجود دارد که وقتی صفحه load می‌شود، به صورت پیش‌فرض focus را روی یک element می‌گذارد و روش‌های دیگری برای دریافت focus. 
 
 قرار دادن focus روی یک element به طور کلی یعنی: "آماده شدن برای دریافت داده در اینجا"، پس این زمانی است که می‌توانیم code را برای مقداردهی اولیه برای عملکرد مورد نیاز اجرا کنیم. 
@@ -99,7 +98,6 @@
 :هم می‌تواند باعث آن شود. برای مثال javascript می‌کند اما خود click یکی از آن‌ها وقتی است که بازدیدکننده روی جای دیگری
 
 (`focus` event) نادیده گرفته می‌شود، برمی‌گردد `alert` و وقتی که (`blur` event) در عنصر می‌شود focus فوکوس را به خودش منتقل می‌کند، پس باعث از بین رفتن `alert` یک -
-
 برگردانده نمی‌شود focus می‌شود. اگر آن بعدا دوباره وارد شود focus پاک شود، آنگاه آن هم باعث از بین رفتن DOM از element اگر یک -
 
 .شوند trigger بدرفتاری کنند -- زمانی که نیاز نیست `focus/blurs` این ویژگی‌ها گاهی باعث می‌شوند -
@@ -118,7 +116,6 @@
 
 هر elementای اگر `tabindex` داشته باشد، قابل focus می‌شود. هنگامی که `key:Tab` (یا چیزی شبیه آن) برای جابه‌جایی بین آن‌ها استفاده می‌شود،‌ مقدار attribute برابر order number آن element می‌شود. 
 
-
 یعنی: اگر ما دو element داشته باشیم که اولی `tabindex="1"` داشته باشد و دومی `tabindex="2"` داشته باشد، آنگاه وقتی در اولین element هستیم و `key:Tab` را فشار می‌دهیم -- focus را به دومی می‌برد.
 
 ترتیب تغییر به این صورت است: elementهایی با `tabindex` از `1` و بالاتر ابتدا می‌روند (در ترتیب `tabindex`) و بعد از آن، elementهای بدون `tabindex` (مثلا یک `<input>` معمولی)
@@ -153,19 +150,17 @@
 ترتیب به این صورت است: `1 - 2 - 0`. به طور نرمال، `<li>` از focus پشتیبانی نمی‌کند اما `tabindex` آن را به همراه eventها و style دادن با `:focus` مهیا می‌کند.
 
 ```smart header="هم کار می‌کند. `elem.tabIndex`"
-
-ما می‌توانیم `tabindex`از JavaScript را با استفاده از `elem.tabIndex` اضافه کنیم. آن هم اثر یکسان را دارد
-
+ما می‌توانیم `tabindex` از JavaScript را با استفاده از `elem.tabIndex` اضافه کنیم. آن هم اثر یکسان را دارد
 ```
 
 ## Delegation: focusin/focusout
 
 .وجود ندارد `blur` و `focus` رفتار بالا رفتن حبابی در
+
 کنیم، مثل این highlight بگذاریم تا آن را `<form>` را روی `onfocus` برای مثال ما نمی‌توانیم
 
 ```html autorun height=80
 <!-- را اضافه کنید class -- روی فرم focus در مورد -->
-
 <form *!*onfocus="this.className='focused'"*/!*>
   <input type="text" name="name" value="نام">
   <input type="text" name="surname" value="نام خانوادگی">
@@ -180,7 +175,6 @@
 
 ابندا یک ویژگی قدیمی خنده‌دار وجود دارد: `focus/blur` بالا رفتن حبابی ندارند، بلکه در مرحله‌ی capturing به پایین منتشر می‌شوند.
 
-
 این کار می‌کند:
 
 ```html autorun height=80
@@ -226,9 +220,7 @@
 
 فعال شدن eventهای `focus` و `blur` بسته به این است که آن عنصر فوکوس کند/از دست بدهد.
 
-
-
-استثناهای آن‌ّا عبارت‌اند از:
+استثناهای آن‌ها عبارت‌اند از:
 - آن‌ها رفتار بالا رفتن حبابی ندارند. می‌توانند به جایش از حالت capturing یا `focusin/focusout` استفاده کنند.
 - بیشتر elementها به طور پیش‌فرض از focus پشتیبانی نمی‌کنند. از `tabindex` استفاده کنید تا هر چیزی قابلیت focus داشته باشد.