رویداد onkeyup
مثال (رویداد onkeyup)
اجرا کردن یک تابع جاوااسکریپت هنگامی که کاربر یک دکمه را رها می کند:
<input type="text" onkeyup="myFunction()">
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onkeyup هنگامی اتفاق می افتد که کاربر یک دکمه را روی صفحه کلید رها می کند(و دکمه بالا می آید).
ترتیب رویداد های مرتبط با رویداد onkeyup:
- onkeydown
- onkeypress
- onkeyup
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onkeyup | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onkeyup="myScript">امتحان کنید
در جاوااسکریپت:
object.onkeyup=function(){myScript};امتحان کنید
استفاده از متد addEventListener()، در جاوااسکریپت:
object.addEventListener("keyup", myScript);امتحان کنید
نکته: متد addEventListener()، در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | بله |
|---|---|
| Cancelable: | بله |
| Event type: | KeyboardEvent |
| Supported HTML tags: | تمام تگ های html به جز: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onkeyup)
استفاده از رویداد onkeydown در کنار رویداد onkeyup:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
خودتان امتحان کنید »
مثال (رویداد onkeyup)
برگرداندن اصل دکمه ای که در درون یک فیلد متنی رها می شود:
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 7924
