این آموزش در تاریخ ۱۴۰۰/۰۹/۰۹ آپدیت شده است.
آموزش رویداد عمومی 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><b>این رویداد در مروگرهای Firefox,IE پشتیبانی نمی شود.</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 | IE |
| پشتیبانی | بله | خیر | ۱۵ | بله | خیر |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onsearch="Script"> |
Free-Learn
جدول مقادیر رویداد onsearch
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onsearch را میتوان در عناصر/تگ های زیر بکار برد :
| <input type=”search”> |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
