برداشتن تمرکز (Focus) از روی یک عنصر (Element)، با روش blur ، در JavaScript
با استفاده از روش
blur
در JavaScript ، می توانیم تمرکز (Focus) را از روی یک عنصر (Element) برداریم.
به عنوان مثال، اگر یک عنصر با id برابر
kelidestan
داشته باشیم و بخواهیم تمرکز (Focus) را از روی آن برداریم، آنگاه کد JavaScript زیر را می نویسیم :
به مثال زیر توجه کنید :
یک عنصر
input
در صفحه قرار می دهیم و همچنین دو دکمه (Button) می سازیم، که با کلیک بر روی یک دکمه (Button)، تمرکز (Focus) بر روی عنصر
input
قرار گیرد و با کلیک بر روی دکمه (Button) دیگر، تمرکز (Focus) از روی آن برداشته شود :
با کد CSS زیر تعیین کرده ایم که وقتی تمرکز (Focus) بر روی عنصر
input
قرار دارد، پس زمینه (Background) آن به رنگ زرد (yellow) نمایش داده شود :
نتیجه :
برای قرار دادن تمرکز (Focus) بر روی یک عنصر (Element)، روش
focus
در JavaScript به کار می رود (
کلید شماره 27637 ).