این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnSearch در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnSearch در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onsearch در HTML
رویداد onsearch که درون عناصر ورودی از نوع Search استفاده می شود میتواند با وارد کردن متن در این عنصر و زدن کلید اینتر یا Enter از روی صفحه کلید اجرا شود.
این رویداد در مرورگر موزیلا فایرفاکس پشتیبانی نمی شود ،لذا برای مشاهده نحوه عملکرد این رویداد حتما از مرورگر کروم استفاده نمایید.
Free-Learn
مثال از رویداد عمومی onsearch در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body dir="rtl"> <p>لطفا یه چیزی درون باکس زیر تایپ نمایید سپس دکمه اینتر را فشار دهید</p> <input type="search" id="myInput" onsearch="MyMessage();"> <p id="Result"></p> <p style="color:red;"><b>این رویداد در مرورگر موزیلا فایرفاکس پشتیبانی نمیشود</b></p> <script> function MyMessage(){ var Input = document.getElementById("myInput"); var result = document.getElementById("Result"); result.innerHTML = "شما جستجو کرده اید برای : " + Input.value; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onsearch در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | خیر | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onsearch="Script"> |
Free-Learn
جدول مقادیر رویداد onsearch
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onsearch را میتوان در عناصر/تگ های زیر بکار برد :
| <input type=”search”> |
Free-Learn
نکات و توضیحات
- این رویداد در مرورگر موزیلا فایرفاکس پشتیبانی نمی شود.
