HTML onkeyup 事件
onkeyup 事件在用户（在键盘上）释放按键时触发。
实例
当用户放松按键时执行一段 JavaScript：
<!DOCTYPE html><html><body><p>当用户释放输入字段中的键时，会触发一个函数。函数将字符转换为大写。</p>填入名称: <input type="text" id="fname" onkeyup="myFunction()"><script>function myFunction() {var x = document.getElementById("fname");x.value = x.value.toUpperCase();}</script></body></html>
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| onkeyup | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 onkeyup 属性。
定义和用法
onkeyup 事件在用户（在键盘上）释放按键时触发。
提示：相对于 onkeyup 事件的事件次序：
- onkeydown
- onkeypress
- onkeyup
注释：onkeyup 事件不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onkeyup="script">
属性值
| 值 | 描述 |
|---|---|
| script | onkeyup 发生时运行的脚本。 |
更多实例
<!DOCTYPE html><html><body><p>按住文本字段内的键可设置红色背景色。释放键以设置绿色背景色。</p><input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()"><script>function keydownFunction() {document.getElementById("demo").style.backgroundColor = "red";}function keyupFunction() {document.getElementById("demo").style.backgroundColor = "green";}</script></body></html>
<!DOCTYPE html><html><body><p>当用户释放输入字段中的键时，会触发一个函数。函数输出在文本字段中释放的实际键/字母。</p>填入你的名字: <input type="text" id="fname" onkeyup="myFunction()"><p>我的名字是: <span id="demo"></span></p><script>function myFunction() {var x = document.getElementById("fname").value;document.getElementById("demo").innerHTML = x;}</script></body></html>