onkeyup 事件
页面下方有更多实例。
定义和用法
onkeyup 事件在用户释放键(在键盘上)时发生。
提示:与 onkeyup 事件相关的事件顺序:
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
语法
注释: Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技术细节
是否支持冒泡: | Yes |
---|---|
是否支持取消: | Yes |
事件类型: | KeyboardEvent |
支持的 HTML 标签: | 所有 HTML 元素,除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
DOM 版本: | Level 2 Events |
更多实例
实例
将 "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>
亲自试一试 »
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>