.on(' keyup '，function(){仅在keyup时触发
.on('keyup', function(){仅在keyup时触发）是一个JavaScript事件绑定方法，用于在指定的DOM元素上绑定一个keyup事件处理函数。当用户在该DOM元素上松开键盘上的按键时，触发绑定的函数。
这个方法常用于实现实时搜索、自动完成等功能，通过监听用户在输入框中的键盘输入，实时响应并进行相应的操作。
应用场景：
- 实时搜索：当用户在搜索框中输入关键词时，通过绑定keyup事件，可以实时向服务器发送请求并获取匹配的搜索结果。
- 表单验证：在表单中的输入框中绑定keyup事件，可以实时检查用户输入的内容是否符合要求，例如检查密码强度、实时验证手机号码格式等。
- 自动完成：在输入框中输入内容时，通过绑定keyup事件，可以实时获取匹配的自动完成列表，并在下拉框中展示给用户选择。
推荐的腾讯云相关产品：
腾讯云函数（Serverless Cloud Function）：腾讯云函数是一种无需管理服务器即可运行代码的计算服务，可以用于处理各类事件触发的业务逻辑。可以通过腾讯云函数来实现对keyup事件的处理，例如实时搜索、自动完成等功能。
相关·内容
1回答
对于表单输入，onkeydown不能正常工作。
behavior、onkeydown
我有一个具有onkeydown属性的表单文本输入的html页面，如下所示：
<DOCTYPE !html>
<html>
<head>
<title>Lookup User</title>
</head>
<body>
<form method="POST">
<strong>Last Name: </strong><input type="text" id="lname" onkeydown="lookup_u
浏览 1提问于2013-07-26得票数 0
回答已采纳
4回答
此代码不会立即触发：
$('form').on('change', '#price', function(){
// code here
});
但仅当我从其他位置的输入框中单击时。
如何在用户打字时触发代码？
现在，它一直在等待，直到他离开输入框。
浏览 0提问于2013-11-22得票数 0
4回答
模拟在HTML输入框上触发的onChange事件
javascript、html、internet-explorer
我有一个jQuery，它使用选择框中的change事件来更新表单上的输入框。当我更新它的值时，我需要输入框来触发它的change事件。
上的此链接显示了一种模拟单击事件的方法。有没有可以用来模拟更改事件的技术？
浏览 0提问于2011-11-03得票数 0
回答已采纳
5回答
jquery实时搜索
jquery
如何在一次聚焦后连续检查输入字段的值？(使用jquery)我希望进行实时搜索，并完全删除表单上的提交按钮。
浏览 0提问于2011-01-07得票数 4
回答已采纳
1回答
如何在页面第一次加载时自动选择自动完成位置建议？
google-maps、google-maps-api-3、google-places-api
我正在使用Google自动完成服务，当我开始键入附加到该服务的输入框时，它会给我一个下拉的预测。
然而，在我的应用程序中，我首先在一个不同于自动完成输入框的页面上获得用户输入。所以当用户继续到自动完成搜索框所在的页面时，我希望用户看到输入搜索框中已经填写了我在另一个页面上收集的输入文本，更重要的是，还显示了下拉列表中的预测，因此用户只需选择一个正确的。
我能够显示输入在框中填写，但不能显示预测下拉。
我看到Google有一个预测方法，我可以把它存储在数组中。我试着搜索如何从数组项中创建下拉DOM元素，但是我找不到合适的答案。
接下来，我尝试以编程的方式模拟输入框中的单击，因为当我手动单击输入框
浏览 4提问于2016-03-15得票数 0
回答已采纳
1回答
在用户输入无效值并将焦点突出，然后使用敲除验证后显示验证消息。
javascript、knockout.js、knockout-validation
在数据库更新之前，我使用敲除验证来验证数据。我不太熟悉淘汰赛的验证。数据绑定中的"valueUpdate“--输入框的绑定是带有”后键“的，每次我给出一些无效的值时，消息就会出现。但是我想在用户第一次从输入框中聚焦出来后显示消息。在那之后，我想在按键上显示信息。如果我可以在焦点从视图模型中分离出来后设置valueUpdate，这可能会有所帮助。因为我在数据绑定中有其他绑定，所以我不能仅仅从vm添加数据绑定属性。我查过了。
知道怎么做吗？
浏览 3提问于2015-06-04得票数 0
回答已采纳
4回答
在失去焦点之前，jQuery validate不会验证keyup上的输入
javascript、jquery、validation、jquery-validate
我有一个使用进行验证的表单。但是，我的表单总是包含默认值：
<input type="text" value="0" name="myname" class="required number error">
当用户第一次更改输入框中的值时，在输入失去焦点之前不会进行验证。在第一次之后，输入中的任何keyup / change事件都将导致验证。
如何才能强制验证始终发生在keyup / change上，而不是在初始更改之后。
浏览 0提问于2012-01-20得票数 1
9回答
使用jQuery检测表单输入中的自动完成功能
javascript、jquery、forms、autocomplete、detect
我有一个表单，它检测每个keyup()和focus()上的所有文本字段是否都有效；如果它们都有效，它将启用submit按钮供用户按下。但是，如果用户使用浏览器的自动完成功能填写其中一个文本输入，则无法启用提交按钮。
有没有一种方法可以使用jQuery来检测任何输入是否发生了更改，而不管它是如何更改的？
浏览 0提问于2010-07-23得票数 35
回答已采纳
1回答
选择使用jquery自动完成创建的输入框的值
jquery、jquery-ui、jquery-autocomplete
所以我有这个jquery：
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL"
浏览 0提问于2011-05-07得票数 0
回答已采纳
2回答
Jquery进行实时输入检查
jquery、validation、forms、jquery-traversing
我正在尝试编写一个验证用户输入的脚本。Like:字母长度大于5或密码与重新输入的密码匹配。但是，我如何才能获得表单中哪个输入框被单击了呢？我用过
$(function() {
$('#register input').keyup(function() {
if ($('#username').val().length < 5) {
$('a.username').text("Please fill");
} else {
$('a
浏览 0提问于2010-08-31得票数 0
回答已采纳
5回答
输入框val()的jQuery示例
jquery
用于在中查找输入框值的jQuery如下所示。
<!DOCTYPE html>
<html>
<head>
<style>
p { color:blue; margin:8px; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="text" value="some te
浏览 7提问于2011-06-08得票数 0
回答已采纳
5回答
jQuery快捷键和在Safari中的回车
jquery、safari、onkeyup
我使用的是jQuery，我想让用户在向搜索字段中输入数据后按enter键开始搜索。
我使用了以下代码：
$('#textSearch').keyup(function (event) {
if (event.keyCode == '13') {
doSearch();
}
return false;
});
它在Firefox和IE中运行得很好，但在Safari中就完全不行了。发生的情况是，当我在safari中点击enter时，
浏览 1提问于2010-10-03得票数 8
回答已采纳
6回答
jQuery仅在提交时验证规则
jquery、jquery-validate
假设我有一个表单，可以查找城市和州的位置。如果用户输入了错误的城市、州，我希望表单能够根据用户的输入检查数据库，并查看输入是否有效。如果不是，我希望用户得到提示。
所以form Validate就是我的插件。
$("#form").validate({
rules: {
citystate: {
required: true,
myCustomAjaxSyncronousCheckAgainstDBRule: true
}
submitHandler: function(form) {
浏览 3提问于2011-03-10得票数 28
回答已采纳
2回答
jQuery自动完成选择触发器事件
javascript、jquery、html、autocomplete
上下文:我正在使用jQuery的自动完成插件来触发它下面的显示/隐藏元素。问题：事件只在输入框中键入文本时触发，而不是在从自动完成列表中选择标记时触发。
这是我的密码：
<input name="Category" id="tags">
<br>
<div id="Sub_Level2">
Sub Category
<select name="SubCategory" required>
<opti
浏览 2提问于2016-10-07得票数 1
回答已采纳
4回答
用户在文本输入中键入时发生的html捕获事件
javascript、jquery、html、input、typeahead
我只是想知道当用户在我的web应用程序的文本输入字段中输入时，我如何捕捉事件。
场景是，我有一个联系人列表网格。在表单的顶部，用户可以键入他们试图查找的联系人的姓名。一旦在文本输入中有超过1个字符，我想开始在系统中搜索包含用户输入的字符的联系人。当他们不断输入数据时，数据会发生变化。
它实际上只是一个简单的类型提前输入功能(或自动完成)，但我想在一个不同的控件中触发数据。
一旦输入失去焦点，我可以将文本从输入中取出，但这并不适合这种情况。
有什么想法吗？
谢谢
浏览 3提问于2012-12-12得票数 25
回答已采纳
4回答
使用Javascript，如何检测输入框中键入的值
javascript、validation、user-input
我有这个问题要解决
在这种形式中，用户输入一个值。(实际上，扫描仪扫描一个数字并几乎输入它-而不发送额外的键，如Enter)
如果输入框中的值为8位数字(从“4”开始)，如果输入框中的值为“4”，则启动提交操作。
我试着记录任何更改。但是下面的代码只在我离开输入框后才会更改。
<form action="#" onsubmit="return validateFormOnSubmit(this);">
<input name="boarding_id" value="" width="600px&
浏览 24提问于2022-04-05得票数 1
2回答
当输入仍然集中时，Jquery代码不会执行。
javascript、jquery、html
默认情况下，“我的表单的提交”按钮是禁用的，当输入的电话号码正确时(即:下面的div说："OK")就启用了。
所以我写了这个：
$(document).on('change', 'input', function() {
if ( document.getElementById('phone-number-validator').innerText === 'OK') {
$('.btn-default').prop('disabled', false);
浏览 1提问于2018-08-20得票数 1
回答已采纳
2回答
使用Javascript/jQuery捕获输入框内容的所有更改
javascript、jquery、javascript-events
我有一个带有输入框的页面，以及一个处理这个输入框的值并生成文本的函数。我希望这个文本在输入框的内容方面始终是最新的，所以我用jQuery向它附加了几个事件处理程序，以捕获任何更改：
$('#input').bind('keyup cut paste', function(){...});
这在大多数情况下都很有效。每当用户以任何方式使用键盘修改内容，或右键单击以使用剪切或粘贴功能时，文本都会立即更新。然而，有两个事件我还没有弄清楚如何捕捉，如果有可能的话：
当用户选择一个文本并拖动时，它在输入框中做一个不同的位置。
当用户在右键单击上下文菜单中使用Del
浏览 1提问于2011-03-31得票数 4
回答已采纳
3回答
jQuery禁用搜索输入不工作
javascript、jquery、html
我有一个搜索输入，它执行以下操作。如果搜索字段为空，则禁用按钮(这很好)
问题是，如果表单加载了搜索字段中的文本，我仍然需要使用空格、backspace或类型来启用submit按钮。
如果表单加载时搜索字段中有值，我希望启用submit按钮。
这里有一个小提琴：
表格：
<form>
<input type="text" name="dosearch" id="searchInput" value="test" class="form-control" placeholder="S
浏览 3提问于2014-08-27得票数 0
回答已采纳
4回答
jquery live自动递增keyup事件
jquery
我真的很困惑，甚至不确定要搜索什么才能找到答案。我收到多个对javascript函数的调用。我不明白我的意思。
下面是代码的作用。
$('expenses_txt').live(\'keyup\', function() {
$(this).typeWatch({ highlight: true, wait: 500, captureLength: 0, callback: calculate_expenses });
});
"Calculate_expenses“是一个javascript函数，它使用jquery ajax调用一个php页面，
浏览 1提问于2010-02-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
