เหตุการณ์ onkeyup

เหตุการณ์ DOM KeyboardEvent

คำนิยามและวิธีใช้

เหตุการณ์ 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

แสดงคีย์ที่ปล่อยออกจากช่องข้อความ

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>

ลองเดาเอง

สัญญาณ

ใน 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: Level 2 Events

การสนับสนุนโปรแกรมนี้

เหตุการณ์ Chrome IE Firefox Safari Opera
onkeyup การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM KeyboardEvent