آموزش JavaScript
۲۶۰ آموزش
نمایش دسته بندی ها (۲۶۰ آموزش)

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

نویسنده علیرضا گلمکانی
شماره کلید 27530
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)