این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnSelect در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnSelect در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onselect در HTML
رویداد onselect زمانی رخ میدهد که تکه ای یا هم کل یک متن با ماوس انتخاب شود، یعنی وقتی با ماوس یه بخشی یا کل متن رو انتخاب کنیم این رویداد اجرا میشه.
Free-Learn
مثال از رویداد عمومی onselect در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<body> <p dir="rtl">لطفا بخش یا کل متن رو با ماوس انتخاب نمایید</p> <input type="text" value="Salam Khobi?" onselect="MyMessage();"> <script> function MyMessage(){ alert('متن انتخاب شد'); } </script> </body> |
مثال شماره ۲ : نمایش اون متنی که کاربر با ماوس انتخاب کرده
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> function logSelection(event) { var log = document.getElementById("log"); var selection = event.target.value.substring(event.target.selectionStart, event.target.selectionEnd); log.textContent = `شما انتخاب کردید : ${selection}`; } const textarea = document.querySelector("textarea"); textarea.onselect = logSelection; </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onselect در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onselect="Script"> |
Free-Learn
جدول مقادیر رویداد onselect
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onselect را میتوان در عناصر/تگ های زیر بکار برد :
| <input type=”file”> | <input type=”password”> |
| <input type=”text”> | <textarea> |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
