onkeyup 事件
描述
当用户在键盘上释放键时,会发生onkeyup
事件。
警告
onkeypress 事件已弃用。
它并非在所有浏览器中都会为所有键(如 ALT、CTRL、SHIFT、ESC)触发。
若要检测用户是否按下了键,请始终使用onkeydown 事件。它适用于所有键。
语法
技术细节
冒泡 | 是 |
---|---|
可取消 | 是 |
事件类型 | KeyboardEvent |
HTML 标签 | 所有 HTML 元素,除外:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 和 <title> |
DOM 版本 | Level 2 Events |
更多示例
示例
使用 "onkeydown" 结合 "onkeyup" 事件
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
尝试一下 »
示例
在文本字段中输出实际释放的键
输入你的姓名:<input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
尝试一下 »
浏览器支持
onkeyup
是 DOM Level 2 (2001) 的功能。
它在所有浏览器中都得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |