每次使用 JQuery 在输入字段中更改内容时如何执行函数?

2024-03-21

我有一个文本字段<input type="text" id="search" />我想在每次用户更改其中的内容(逐个字母)时执行 JavaScript 函数。我怎样才能使用 jQuery 做到这一点?

我尝试实现该功能作为答案使用 JQuery,如何检测文本输入的值是否已更改而字段仍具有焦点? https://stackoverflow.com/questions/1539279/using-jquery-how-do-you-detect-if-the-value-of-a-text-input-has-changed-while-th/1539375#1539375但我什么也没发生。

这是我的 HTML:

<html>
<head>
<script type="text/javascript" src="/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/search.js"></script>
</head> 
<body> 
<form>
<input type="text" name="search" id="search" /> 
</form>
</body> 
</html>

我的 search.js 是:

var target = $('#search'), val = target.val();

function search()
{
    alert('search');
}

target.keyup(search);

我也尝试过(没有任何反应):

$('input[name=search]').change(function() {
    alert('changed');
})

如果我尝试使用 jQuery 添加一些 HTML,它会起作用:

$(function(){
    $("<p>hello</p>").insertAfter("#search");
})

在控件失去焦点之前,更改事件不会触发。如果您只对文本感兴趣,您可以使用。按键() http://api.jquery.com/keypress/在内容更改之前执行某些操作,或者.keyup() http://api.jquery.com/keyup/之后做某事。

这是在 jsfiddle 中使用按键的示例:http://jsfiddle.net/R6vmZ/ http://jsfiddle.net/R6vmZ/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

每次使用 JQuery 在输入字段中更改内容时如何执行函数? 的相关文章

  • 引导程序提前输入未填充承诺的响应

    我的引导程序预输入如下
  • 使用 dc.js 按条形值对条形图中的条形进行排序(排序)

    如何通过维度的计算值而不是维度本身的名称对 dc js 示例中的 x 轴 维度 进行排序 例如 请考虑序数条形图的 dc js 示例 https github com dc js dc js blob master web examples
  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst
  • 有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端?

    当我运行 rspec 时 是否可以让 capybara selenium 向 rspec 报告任何 javascript console errors 和其他异常 我有一大堆测试失败 但当我手动测试它时 我的应用程序正在运行 如果不知道仅在
  • 防止 iOS 键盘在 cordova 3.5 中滚动页面

    我正在使用 Cordova 3 5 和 jQuery mobile 构建 iOS 应用程序 我在大部分应用程序中禁用了滚动功能 但是 当我选择输入字段时 iOS 键盘会打开并向上滚动页面 我不想要这个功能 由于输入足够高 键盘不会覆盖它 我
  • JQuery Mobile 与 MVC 的链接

    我正在使用 ASP NET MVC 3 和 Razor UI 设置 JQuery 移动网站 我正在生成我的链接 例如 a href See Group 2 a 假设我从 Home Index 访问它 我遇到的问题是 当我点击链接时 它会出现
  • 尝试将数据存储在点击器网站中

    我正在尝试存储一个名为的变量score无论何时刷新 您都会一次又一次地使用它 我不明白的是它的代码是什么 我尝试了一些方法 但似乎都不起作用 这是我的答题器网站 但是当我尝试使用 JavaScript 来存储它时 它不起作用window o
  • 检查 jQuery 1.7 中是否存在基于文本的选择选项

    所以我有以下 HTML 片段
  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后
  • DataTables row.add 到特定索引

    我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov
  • 将 UMD Javascript 模块导入浏览器

    你好 我正在对 RxJS 进行一些研究 我可以通过在浏览器中引用它来使用该库 如下所示 它使用全局对象命名空间变量 Rx 导入 我可以制作可观察的东西并做所有有趣的事情 当我将 src 更改为指向最新的 UMD 文件时 一切都会崩溃 如下所
  • Firebase 函数 onWrite 未被调用

    我正在尝试使用 Firebase 函数实现一个触发器 该触发器会复制数据库中的一些数据 我想观看所有添加的内容votes user vote 结构为 我尝试的代码是 const functions require firebase func
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 如何隐藏/禁用 Highcharts.js 中的图例框?

    我想问是否可以使用 HighCharts js 库隐藏图表中的所有图例框 var chart object chart renderTo render to type graph type colors graph colors title
  • 带参数的事件监听器

    我想将参数传递给 JavaScript 中的事件侦听器 我已经找到了解决方案 但我无法理解它们为什么或如何工作以及为什么其他解决方案不起作用 我有 C C 背景 但是 Javascript 函数的执行有很大不同 您能否帮助我理解以下示例如何
  • Javascript Replace() 和 $1 问题

    我正在尝试创建一个脚本来搜索文本中的模式并在它找到的字符串周围包裹一个标签 shop attributes td each function this html function i html return html replace E 0
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • Jquery - 选择选项后如何获取选项的特定数据类型?

    我将直接跳到标记 然后解释我想要做什么 HTML 选择选项
  • 如何在执行新操作时取消先前操作的执行?

    我有一个动作创建器 它会进行昂贵的计算 并在每次用户输入内容时调度一个动作 基本上是实时更新 但是 如果用户输入多个内容 我不希望之前昂贵的计算完全运行 理想情况下 我希望能够取消执行先前的计算并只执行当前的计算 没有内置功能可以取消Pro
  • 循环内的异步性

    我正在使用 jQuery getJSON 用于从一组实用程序的给定 URL 检索数据的 API 我真的很想找到一种为每个实用程序重用代码 完全相同 的方法 由于循环的执行与 ajax 调用无关 因此我无法找到保留循环值的方法 我知道这个描述

随机推荐

  • 如何将更多参数传递给令牌端点 Web api 2

    我需要将更多参数传递给令牌端点 如下所示 grant type 密码 用户名 Alice 密码 密码123 peop1 值 Prop2 值 获取令牌 我如何传递这些以及我可以在服务器上哪里获取它们 OAuth2 资源所有者密码流定义了这些参
  • 查找给定文本中的子字符串.. C 程序

    char substring char text int position int length int i j 0 char temp for i position 1 i
  • 无法以json格式将数据从php添加到jqGrid

    你好 StackOverFlow 国家 我正在尝试向 jqGrid 添加信息 该信息是从 MySQL 数据库检索的 我有两个文件 gt index html 和 data php 都在同一目录中 index html 来源 gt
  • SQL |返回最小值 |动态多行

    我需要创建一个查询 仅返回特定列中具有最小值的行 我有这个结果 示例 Name Description Order Name1 A 1 Name1 B 2 Name1 C 3 Name2 A 1 Name2 B 2 Name2 C 3 我想
  • 按字典顺序比较字符串

    我认为如果我在 C 中使用 gt 和 if aa gt bz cout lt lt Yes 这不会打印任何内容 这就是我需要的 但是如果我输入 if aa gt bzaa cout lt lt Yes 这将打印 是 为什么会发生这种情况 或
  • 将 MySQL 列值设置为 NULL 而不是 0 或 '' 对磁盘空间的影响

    我试图了解处理大部分为空的列的最佳方法磁盘空间 and 指数表现 将所有空位放入 NULL 与 对于 varchar text 与 0 对于 int 之间有区别吗 Thanks 不 使用 NULL 不会比空占用更少的空间VARCHAR or
  • Facebook 分享“可点击”网址链接问题

    我在 Facebook 中遇到可点击 url 链接的问题 正如您所看到的 nr 1 不可点击 但 nr 2 和 3 可以点击 有时它是可点击的 有时则不可点击 随机 我想要的是所有共享链接都不像 nr 1 那样 可点击 我怎样才能解决这个问
  • jQuery .slideUp 问题

    slideDown 工作正常 当第二次单击链接时 会再次出现 slideDown 动画 而不是 slideUp 请帮我一下 谢谢 document ready function toggleButton click function if
  • mysqldump 命令中的语法错误

    mysqldump mydatabase lt my path to sqlfile sql 这是我下达的命令 这个语法错误的原因可能是什么 我很确定它是正确的 我正在尝试将 sql 文件加载到我的数据库中 use mysqldump u
  • Scrapy:遇到302时如何停止请求?

    我正在使用 Scrapy 2 4 从 start urls 列表中抓取特定页面 这些 URL 中的每一个可能都有 6 个结果页面 因此我请求全部结果页面 然而 在某些情况下 只有 1 个结果页面 所有其他分页页面都会返回 302 到 pn
  • 在 jQuery 滚动上淡入淡出 div

    我有一些 div 本质上只是彩色矩形来帮助可视化 当我向下滚动页面时 每个矩形应该fadeIn or fadeOut取决于滚动条的位置 不幸的是 它吓坏了 褪色更像是痉挛的频闪灯 我认为最好通过滚动方式通过每个元素的距离来确定不透明度级别
  • ORA-00904: “ID”: 无效标识符

    我正在尝试创建一个带有外键的表 我不断得到ORA 00904错误 我究竟做错了什么 是因为外键的表还没有创建吗 CREATE TABLE ingredients ingredient id number 2 0 ingredient VAR
  • 如何与OBD-II设备通信

    有OBD II类似设备http www rczd com c 2015 Car Diagnostic Tools 0223 41193 html http www rczd com c 2015 Car Diagnostic Tools 0
  • jQuery 验证不工作

    我的代码似乎有问题 validate不起作用 但所有文档都已连接并且工作正常 HTML div h1 Site Name Quote h1 p class quoteError p p class step p div
  • 我可以制作用户特定的 gitignore 文件吗?

    我想更改 gitignore 但并不是团队中的每个人都希望这些更改 用户如何拥有自己特定的 git 忽略文件 您可以使用以下命令创建自己的 gitignore git config global core excludesfile HOME
  • MySQL创建表时出现错误1022

    MySQL Workbench 使用以下 SQL 来创建表 CREATE TABLE IF NOT EXISTS mydb errors reports error id INT NOT NULL report short VARCHAR
  • 如何在NetBeans上编辑库源文件?

    我正在做基于 SSJ Java 中的随机模拟 库的 JAVA 项目 在我的项目中 我已按照所需步骤导入 SSJ 库文件和源文件 当查看项目的库分支中的 SSJ 库文件时 仅显示类文件 但是当我打开它们时 我可以查看源代码 以前无法查看 因为
  • 拆分按钮下拉菜单设置操作 url

    我正在尝试实施Split button dropdowns在我的网络应用程序中 我找不到在主应用程序上设置 Url 的方法Action button
  • PHP 子类的神奇方法 __call

    我的情况最好用一些代码来描述 class Foo function bar echo called Foo bar class SubFoo extends Foo function call func if func bar echo i
  • 每次使用 JQuery 在输入字段中更改内容时如何执行函数?

    我有一个文本字段