使用 JavaScript/jQuery 捕获输入框内容的所有更改

2023-12-12

我有一个带有输入框的页面,以及一个处理该输入框的值并生成一段文本的函数。我希望该文本始终与输入框的内容相关,因此我使用 jQuery 附加了几个事件处理程序以捕获任何更改:

$('#input').bind('keyup cut paste', function(){...});

这在大多数情况下效果很好。每当用户使用键盘以任何方式修改内容,或者右键单击使用剪切或粘贴功能时,文本都会立即更新。但是,有两个事件我仍然不知道如何捕获(如果可能的话):

  • 当用户选择一段文本并将其拖动到输入框中的不同位置时
  • 当用户使用右键单击上下文菜单中的“删除”操作时

当然,这两种情况都可以通过结合change事件,但这种方法的问题是,它不会触发,直到输入框失去焦点。这些绑定的全部目的是让文本随着输入框的值的变化而实时更新,所以change不行。

英语是我的第二语言,所以我的谷歌搜索措辞可能很糟糕,但到目前为止他们什么也没找到。在挖掘了几个相关的 Stack Overflow 页面后,我也没有找到任何解决方案,所以我在这里询问。是否有我不知道的事件绑定?如果没有,我可以采取不同的方法吗?或者这对于纯 JavaScript 来说根本不可能实现?


在非 IE 浏览器中,您可以处理input event.
在 IE 中,您可以处理propertychange event.

Demo(适用于所有浏览器)

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

使用 JavaScript/jQuery 捕获输入框内容的所有更改 的相关文章

  • Apache 服务器上的服务器端 Javascript

    我们打算使用Apache https httpd apache org 用于 Web 开发的服务器 对于服务器端脚本 我们希望使用服务器端 javascript 要使服务器端 javascript 在 Apache 服务器上工作需要什么 S
  • javascript获取网页中选定文本的段落

    突出显示文本后 我想获取所选文本所在的段落 var select window content document getSelection 请问有什么指点吗 这实际上很难做到 因为你必须考虑六种情况 所选内容不在一个段落内 简单 整个选择都
  • jQuery 自动完成 - xml 跨站点请求

    我的自动完成功能的 XML 提要位于另一台服务器上 是否有客户端 javascript 方法来获取此 XML 文档 我知道我可以使用 php jsp 等创建代理 但我需要在所有客户端完成此操作 这就是我现在调用该文件的方式 该文件仅在同一域
  • jQuery 选择器在控制台中不起作用

    我一辈子都无法解决这个问题 我正在运行 js 容器状态 是页面上正在运行的 js 的控制台日志 它显示一个选择器 但如果我想在控制台中执行任何操作 它只会返回 null 我假设我在某个地方过度编写了 jQuery 函数 就好像我调用了 jQ
  • 什么是 jQuery valHook?

    阅读完有关valHooks in a jQuery 缺陷 http bugs jquery com ticket 9319最近在一个fiddle http jsfiddle net bV5fu 1 我搜索了 jQuery 文档和 Googl
  • 适用于 HTML5 混合应用程序的 CORS

    我读过很多关于 CORS 的文章 以及允许 Access Control Allow Origin 如何成为 Web 服务器的安全漏洞 但没有一篇文章解释了如何允许 HTML5 混合应用程序访问某些不允许使用通配符 的域上托管的 Web 服
  • 如何使用 JavaScript 禁用滚动条?

    当我仅在 Internet Explorer 7 中显示代表模式窗口的 div 时 我需要锁定浏览器滚动条 谷歌搜索我发现我可以使用document body style overflow hidden 但这不适用于 IE7 我也尝试过do
  • javascript 代码只能在函数之外工作 - 为什么?

    为什么这段代码不能像下面写的那样工作 但如果我注释掉function testBgChange 并将代码保留在该函数内 它可以正常工作 如果我将代码保留在函数中然后调用该函数 会有什么区别
  • 带有子节点的拖放区域

    我有一个带有多个子节点的拖放区域 主要元素有dropenter and dropleave事件 但是 如果您将文件拖动到主元素内部和子节点上方 则dropleave被触发 如何处理 以便dropleave仅当拖动的元素和鼠标位于主元素之外时
  • JavaScript 匿名函数语法

    下面两个块有什么区别 block 1 console log anonymous block block 2 function anon console log anonymous block 2 我在 Netbeans 中运行了这个 使用
  • iOS 11 getUserMedia 不起作用?

    苹果公司发表声明称getUserMedia将在 iOS 11 上完全正常运行 安装 iOS 11 Beta 版本 5 后 我确实收到一条消息 表明我的网站请求访问我的相机和麦克风 但似乎是这样的 video src window URL c
  • QUnit 与固定装置的奇怪行为,测试交替失败和通过

    我在 QUnit 中进行了以下设置 Dozen or so previous tests here test Test some markup generation function qunit fixture plugin jQuery
  • Angular 8 webpack-bundle-analyzer 寻找错误的polyfill 文件

    无论我做什么 构建项目后我都会收到以下错误 Error parsing bundle asset
  • 将 jQuery 单击处理程序添加到多个元素?

    我需要有一个for在我的 jQuery 中循环 Example for i 0 i
  • 在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

    我正在尝试在窗口调整大小时动态调整 pixi 舞台 画布和内容 的大小 并且最初以浏览器窗口的大小加载 而不改变比例 我使用以下内容将初始大小基本上设置为window innerWidth window innerHeight 但它做了一些
  • Jquery 点击事件在设备(ipad、iphone ..)中的 li 上不起作用

    Jquery 单击事件在设备中的 li 上不起作用 我尝试使用 click 和 touchstart 事件 但是使用 touchstart 时的问题是我无法向下滚动 div 当我尝试通过单击 li 向下滚动时 它会被选中 有没有办法使用任何
  • IE7 问题 - 当禁用文件下载自动提示时无法下载流式文件

    我的应用程序是基于 J2EE JSP Servlet 的 当我尝试从 JSP 打开新窗口 弹出窗口 并调用 Servlet 操作 例如 Streamer do 以在该弹出窗口内传输 PDF 文件时 我遇到了问题 问题 当 IE 7 gt 工
  • 如何将字符串转换为 Javascript 中可执行的代码行?

    我有以下代码 console log I am var x console log Alive 现在我只想使用x执行分配给它的代码字符串 例如 我什至可能不知道 x 的值 但只是想执行它 这可能吗 eval https developer
  • jQuery可排序发布数据,但没有数据

    谁能告诉我我在这里缺少什么 我的数据似乎总是空的 我做错了什么 document ready function nav sortable connectWith nav axis y update function event ui var
  • 如何在不刷新页面的情况下更新页面 html 和 url

    我想知道是否有人可以指出我学习如何在不刷新页面的情况下更新页面 html 和 url 的方向 是否有任何现有的 javascript 库可以处理这个问题 或者有一本涵盖此类事情的好书 这是使用该效果的示例网站 http onedesignc

随机推荐

  • Firebase Firestore 适用于真实数据库,但不适用于模拟器

    我正在使用 Firebase 并开始尝试使用 Firebase 模拟器运行本地开发实例 我正在运行 Firebase Tools v8 4 1 当我使用真正的 Firestore 数据库运行时 一切正常 然而 当我使用模拟器时 出现了一些问
  • auto_ptr 与 swig

    我正在尝试包装一个使用 auto ptr 的 C 库 我正在使用痛饮 并想要生成 python 绑定 我看过 swig 文档中关于如何将 swig 与智能指针一起使用的部分here 但我无法让它发挥作用 Swig 生成想要使用 const
  • pascal 中使用的集合的实现是什么?

    我想知道语言提供的 pascal 中集合类型的实际实现 特别是 我想知道 freepascal 运行时库中使用的库 但我对任何 pascal 实现都很感兴趣 我关心它的运行时复杂性 的最佳实现不相交集数据结构 are in O log n
  • 如何将 Mapbox SDK 与 SwiftUI 集成

    我将 Mapbox SDK 安装到我的项目中 但我不明白如何将此代码片段与SwiftUI 我创建了一个 SwiftUIView named MapView 我在其中导入 Mapbox 框架 我尝试使用UIViewRepresentable协
  • MySQL LEFT JOIN 3 个表

    我有3张桌子 Persons PersonID Name SS Fears FearID Fear Person Fear ID PersonID FearID 现在我想列出每个与他们相关的恐惧的人 可以是多种恐惧 也可以没有 即使一个人没
  • 为什么 com.typesafe.slick#slick_2.11;2.0.2: not find 出现 UNRESOLVED DEPENDENCIES 错误?

    我正在尝试从类型安全激活器运行 hello slick 示例 当我输入 run 时 我在 sbt 中创建一个项目 它给出了以下错误 warn warn UNRESOLVED DEPENDENCIES warn warn com typesa
  • 循环遍历文件以计算字段数

    我有一个 bash 脚本来从 txt 文件添加用户 这真的很简单 name firstname uid gid 空格分隔值 我想用 awk 检查每行是否包含 4 个字段 如果是我想返回1 如果不是返回0 file my file txt a
  • 谷歌地图:与用户一起顺利移动标记和地图?

    一旦用户打开该功能并直至终止它 我必须在谷歌地图中显示实时 实时用户移动位置 我已经使用下面的方法来为标记设置动画 private void animateMarker final Marker marker final LatLng to
  • ClickOnce 不遵守本地主机的安装文件夹

    我正在测试 ClickOnce 应用程序部署 我已经在我的机器上设置了一个虚拟目录 运行 IIS 我已指定http localhost SampleApplication作为 Visual Studio 的 发布 选项卡中的安装文件夹 UR
  • 在 AngularJS 中处理转换后的数据

    我有一个时间戳列表 我可以用 AngularJS 列出它们 不过我想将其列为日期字符串 这些日期字符串应该是可编辑的 完成后我也希望更新相关的时间戳 我的第一个问题是 AngularJS 以不同格式 过滤器 呈现项目并仍然具有双向数据绑定的
  • VIM 浏览器插件对文件执行命令

    我正在尝试 NERDtree 它非常酷 但我想做的是在所选文件上执行特殊命令或脚本 例如 我想突出显示树中的一个图像文件 按某个键并在原始文件中插入适当的 XHTML 标签 我有一个小脚本来进行格式化 我只需要在文件上运行它 或者在选择模块
  • Qt 事件和信号/槽

    在Qt世界中 事件和信号 槽有什么区别 一个会取代另一个吗 事件是信号 槽的抽象吗 在 Qt 中 信号和事件都是观察者模式 它们用于不同的情况 因为它们有不同的优点和缺点 首先 让我们准确定义 Qt 事件 的含义 Qt 类中的虚函数 如果您
  • Flutter FormatException:意外的字符(在字符 1 处)

    在 flutter 中 我使用一个 php 文件 该文件从数据库查询返回 json 响应 但是当我尝试解码 json 时 我收到此错误 E flutter 8294 ERROR flutter lib ui ui dart state cc
  • Jquery选择图像

    首先 我是 Jquery 的新手 我有这样的图像 我想要的是 当用户单击图像时 它会使图像带有边框 用户可以选择多个图像 选择时所有内容都必须带有边框 单击按钮后 我将获得图像 ID tr img src urlofimage tr gt
  • 比较两个文件在 python 中报告的差异

    我有 2 个名为 hosts 的文件 位于不同的目录中 我想使用 python 比较它们 看看它们是否相同 如果它们不相同 我想在屏幕上打印差异 到目前为止我已经尝试过这个 hosts0 open dst1 hosts r hosts1 o
  • Mapbox - 来自 GeoJson 属性的自定义标记图标

    我正在从一组 GeoJson 对象渲染标记 我想使用自定义图标作为标记 但无法确定正确的语法 下面是我用来渲染 geojson 的部分代码 asGeoJson gt type Feature properties title get lis
  • 快速通过segue传递数组

    我已经努力几天了 从我的数组中传递一个数组SecondViewController to my FirstViewController使用斯威夫特 从我的研究中我发现segue with prepareForSegue将是一个可行的选择 但
  • EXCEL VBA:如何使用 isString 或 isNumeric 验证值?

    下面是我的代码 Dim m As String n As Long n InputBox Enter sales amount If n lt 500 Or n gt 5000 Then ActiveCell Value n ActiveC
  • 操作列表内的数据框

    这可能是一个简单的问题 但我一直找不到答案 我想删除列表内数据帧的一列 x1 lt rnorm 100 0 1 x2 lt rnorm 100 0 1 x3 lt rnorm 100 0 1 x4 lt rnorm 100 0 1 df1
  • 使用 JavaScript/jQuery 捕获输入框内容的所有更改

    我有一个带有输入框的页面 以及一个处理该输入框的值并生成一段文本的函数 我希望该文本始终与输入框的内容相关 因此我使用 jQuery 附加了几个事件处理程序以捕获任何更改 input bind keyup cut paste functio