انتخاب عنصری (Element) که بر روی آن تمرکز (Focus) شده است، با مشخصه document.activeElement ، در JavaScript
با استفاده از مشخصه
document.activeElement
در JavaScript ، می توانیم عنصری (Element) که بر روی آن تمرکز (Focus) شده است را انتخاب نماییم.
به عنوان مثال، فرض کنید که می خواهیم id عنصری (Element) که بر روی آن تمرکز (Focus) شده است را به دست آوریم، بنابراین کد JavaScript زیر را می نویسیم :
یا اگر بخواهیم نام تگ (Tag Name) آن عنصر (Element) را به دست آوریم، کد JavaScript زیر را می نویسیم :
به مثال زیر توجه کنید :
مشخصه
onclick
را برای تگ
body
صفحه ذکر می کنیم و به کمک آن تعیین می کنیم که در هر بار که کاربر، با موس کلیک می کند، به کمک مشخصه
document.activeElement
، عنصری (Element) که بر روی آن تمرکز (Focus) شده است، شناسایی شده و نام تگ (Tag Name) آن در بخشی از صفحه نوشته شود :
نتیجه :
بر روی دکمه (Button) کلیک کنید و سپس درون عنصر
input
کلیک نمایید :
مشخصه
onclick
را برای تگ
body
صفحه ذکر می کنیم و به کمک آن تعیین می کنیم که در هر بار که کاربر، با موس کلیک می کند، به کمک مشخصه
document.activeElement
، عنصری (Element) که بر روی آن تمرکز (Focus) شده است، شناسایی شده و نام تگ (Tag Name) و id آن در بخشی از صفحه نوشته شود :
نتیجه :
بر روی دکمه (Button) کلیک کنید و سپس درون عنصر
input
کلیک نمایید و همچنین یکی از گزینه های عنصر
select
را انتخاب کنید :
برای قرار دادن تمرکز (Focus) بر روی یک عنصر (Element)، می توانیم روش
focus
در JavaScript را به کار ببریم.
برای تشخیص اینکه بر روی سند (Document)، تمرکز (Focus) وجود دارد یا خیر، می توانیم روش
document.hasFocus
در JavaScript را به کار ببریم.