انتخاب عنصری (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 را به کار ببریم.