این آموزش در تاریخ ۱۴۰۱/۰۴/۲۲ آپدیت شده است.
آموزش ویژگی activeElement در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی activeElement در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی activeElement در DOM جاوااسکریپت
با استفاده از ویژگی activeElement میتونیم اون تگی رو که در صفحه روش کلیک ( یا فوکوس یا Focus ) شده دریافت نماییم، یعنی خودمونی تر بخوام بگم میتونه مشخص کنه کاربر بروی چه چیزی در صفحه کلیک کرده ( مثلا بروی دکمه یا یه تگ خاص و… )
| مقدار برگشتی | اون تگی که در صفحه روش کلیک میشه |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در صفحه نام اون تگی که روش کلیک / فوکوس شده، چاپ میشه
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var Result = document.getElementById("Result"); var MyActive = document.activeElement.tagName; Result.innerHTML = MyActive; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| activeElement | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.activeElement |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- با استفاده از ویژگی tagName تونستیم نام تگی که روش فوکوس میشه رو بدست آوریم.
