📅 最后修改于: 2023-12-03 15:16:47.477000 🧑 作者: Mango
keyup() 是 jQuery 中的一个事件函数，用于在指定的元素上触发 keyup 事件。keyup 事件在用户松开键盘上的某个键时触发。该函数的语法如下：
$(selector).keyup(function)
其中，selector 为选择器，表示要绑定事件的元素；function 是当事件触发时要执行的函数。
以下是一个 keyup() 函数的示例，当用户在文本框中输入内容时，将内容显示在页面上：
<!DOCTYPE html>
<html>
<head>
<title>jQuery | keyup() 示例</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#txt").keyup(function(){
var value = $(this).val();
$("#msg").html(value);
});
});
</script>
</head>
<body>
<input type="text" id="txt">
<p id="msg">输入的内容将在这里显示。</p>
</body>
</html>
在上面的示例中，当用户在文本框中输入内容时，会触发 keyup() 事件，程序会获取输入框中的值，并将其赋给 msg 元素的文本内容。从而实现了实时将用户的输入内容显示在页面上的效果。
keyup() 函数在开发中非常常用，它常用于实现用户交互功能，如实时搜索、实时提示等。使用时需要注意绑定事件的元素选择器和事件处理函数的编写。