เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ OnKeyUp เกิดขึ้นเมื่อผู้ใช้ออกคีย์ (บนแป้นพิมพ์)
Tip: ลำดับของเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ OnKeyUp:
- onkeydown
- onkeypress
- OnKeyUp
สนับสนุนเบราว์เซอร์
| เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onkeyup | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
ใน HTML:
ใน JavaScript:
object .onkeyup=function(){ ลองตัวเอง» ใน JavaScript โดยใช้ addEventListener() วิธีการ:
object .addEventListener("keyup", myScript );
ลองตัวเอง» หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
รายละเอียดทางเทคนิค
| บับเบิ้ล: | ใช่ |
|---|---|
| ยกเลิก: | ใช่ |
| ประเภทเหตุการณ์: | KeyboardEvent |
| แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมดยกเว้น: <ฐาน> <BDO> ฟรี <head> <html> <iframe> <meta> <พารามิเตอร์> <script> <style> และ <title> |
| DOM เวอร์ชัน: | ระดับที่ 2 เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้ "onkeydown" ร่วมกับ "onkeyup" เหตุการณ์:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
ลองตัวเอง» ตัวอย่าง
การส่งออกที่สำคัญที่เกิดขึ้นจริงที่ได้รับการปล่อยตัวภายในฟิลด์ข้อความ:
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>
ลองตัวเอง» <object เหตุการณ์