رویداد onkeyup

تعریف و استفاده

رویداد onkeyup زمانی رخ می‌دهد که کاربر کلید را (روی صفحه‌کلید) آزاد می‌کند.

نکته:ترتیب رویدادهای مرتبط با onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

مثال

مثال 1

اجرای JavaScript وقتی کاربر کلید را آزاد می‌کند:

<input type="text" onkeyup="myFunction()">

آزمایش کنید

مثال 2

استفاده همزمان از رویدادهای onkeydown و onkeyup:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

آزمایش کنید

مثال 3

کلید واقعی که در فیلد متنی آزاد شده است را نمایش می‌دهد:

نام خود را وارد کنید: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

آزمایش کنید

قوانین دستور زبان

در HTML:

<element onkeyup="myScript">

آزمایش کنید

در JavaScript:

object.onkeyup = function(){myScript};

آزمایش کنید

در JavaScript، از روش addEventListener() استفاده کنید:

object.addEventListener("keyup", myScript);

آزمایش کنید

نکته:Internet Explorer 8 یا نسخه‌های قبلی آن پشتیبانی نمی‌کند مетод addEventListener().

جزئیات فنی

بخش‌بندی: پشتیبانی
قابل لغو: پشتیبانی
نوع رویداد: KeyboardEvent
برچسب‌های HTML پشتیبانی شده: تمام عناصر HTML، به استثنای:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title>
نسخه DOM: رویدادهای سطح 2

پشتیبانی مرورگر

رویدادها Chrome IE Firefox Safari Opera
onkeyup پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی