این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnKeyPress در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnKeyPress در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onkeypress در HTML
رویداد onkeypress زمانی رخ میدهد که یک دکمه از روی صفحه کلید فشار داده شود.
رویداد OnKeyDown شبیه همین OnKeyPress هست ولی OnKeyPress روی دکمه های ALT, CTRL, SHIFT, ESC عمل نمیکنه ولی OnKeyDown بروی همه ی دکمه های صفحه کلید عمل میکند.
Free-Learn
مثال از رویداد عمومی onkeypress در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال شماره ۱ : در این مثال از ۳ رویداد onkeydown و onkeyup و onkeypress استفاده شده
|
1 2 3 4 5 6 |
<body> <p>لطفا یه چیزی درون باکس زیر تایپ نمایید</p> <input type="text" id="myInput" onkeydown="Down();" onkeyup="Up();" onkeypress="Press();"> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onkeypress در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onkeypress="Script"> |
Free-Learn
جدول مقادیر رویداد onkeypress
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onkeypress را میتوان در تمامی عناصر/تگ های معتبر HTML بکار برد.
ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
| <base> | <bdo> | <br> | <head> |
| <html> | <iframe> | <meta> | <param> |
| <script> | <style> | <title> | |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
