เหตุการณ์onkeyup
ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้ปล่อยคีย์:
<input type="text" onkeyup="myFunction()">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onkeyup เกิดขึ้นเมื่อผู้ใช้ปล่อยคีย์ (บนแป้นพิมพ์)
เคล็ดลับ:ลำดับเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ onkeyup:
- onkeydown
- onkeypress
- onkeyup
รองรับเบราว์เซอร์
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<element onkeyup="myScript">
ในจาวาสคริปต์:
object.onkeyup = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("keyup", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ใช่ |
ประเภทเหตุการณ์: | คีย์บอร์ดอีเวนต์ |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด ยกเว้น: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <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>