JavaScript按键事件获取文本区域的最终值

2024-01-04

我想知道是否有可能得到最终结果keypress事件? 目前,我正在使用keyup因为它被激活了after用户已经在 texteara 中完成了文本编辑,但我编写了一个使用 Mootools 库执行类似操作的方法:

input.addEvent("keypress", function (input) {
    var previous_result = this.value;
    var end_result = this.value + input.key;
});

However, this method is horrible when dealing with special keys such as backspace, or if the user chooses to use CTRL + a && Backspace in which case the value of the input element would not be "an empty string".

我很好奇,因为我观察到 Google 的搜索引擎发送 XMLHttpRequest 并改变页面before the keyup事件触发。 此外,他们使用的输入设法克服了我删除整个文本的问题,同时仍然享受奢侈keypress.


这将使它工作:

input.addEvent( "keypress", function ( input ) {    
    setTimeout(function () {
        input.value // returns the updated value
    }, 0 );    
});

现场演示: http://jsfiddle.net/yQQ5P/ http://jsfiddle.net/yQQ5P/(我使用内置API,因为我不知道Mootools)

因此,您使用零超时作为收益。这为浏览器的 UI 线程提供了更新输入值的机会。

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

JavaScript按键事件获取文本区域的最终值 的相关文章

  • 使用 jQuery 更改父元素样式

    我有下一个 html 设置 div class one div class two a href class three Click a div div 我想更改具有类的元素的背景颜色 one当我点击元素时 three使用 jQuery 这
  • 如何向上转型以限制对象属性

    在 JavaScript 中 如何从子类向上转换到超类以自动删除超类中不存在的对象属性 示例 假设有以下 2 个类 class ClassA constructor public a string public b string class
  • 带换行符的 React/Momentjs 日期格式

    我有一个日期字符串 我想对其进行格式化 其中数字位于月份下 Jul 6 我尝试了几种不同的方法来添加新行
  • 使用 Firefox 插件 sdk 的 nsISocketTransportService

    我正在尝试使用 Firefox 来读取 SSH 横幅 IE 当您最初连接到 SSH 服务器时 服务器会向您发送其横幅 标识服务器软件 并且您向 SSH 服务器发送您的横幅 标识您的客户端软件 为此 我使用以下 URL 中的示例 firefo
  • 使用 jQuery Select2 清除下拉菜单

    我正在尝试使用奇妙的方式以编程方式清除下拉菜单Select2 http ivaynberg github com select2 图书馆 使用 Select2 远程 ajax 调用动态填充下拉列表query option HTML
  • 在 R 传单中添加不透明度滑块

    如何在 R leaflet 应用程序中添加滑块来控制特定图层的不透明度 对于这个应用程序 我不想使用闪亮 这里建议 在 R 传单应用程序中添加滑块 https stackoverflow com questions 37682619 add
  • 此页面上的脚本导致 ie 运行缓慢

    问题就在标题中 IE 行为异常 并说有一个脚本运行缓慢 FF 和 Chrome 没有这个问题 我怎样才能找到问题所在 那个页面有很多JS 手动检查不是一个好主意 EDIT 这是我正在处理的一个项目的页面 但我需要一个工具来查找问题 End
  • API 使用令牌向 odoo 进行身份验证

    我想使用令牌从 Express 应用程序向 Odoo 进行身份验证 我在用odoo xmlrpc https www npmjs com package odoo xmlrpc连接 Odoo 的节点模块 我的快递应用程序 Odoo 要求 A
  • JS 保留以零结尾的小数[重复]

    这个问题在这里已经有答案了 在JavaScript中 是否可以 锁定 十进制数 以保留以零结尾的 浮点数 例如 我有 2 个不同的数字 如下所示 伪代码 let a 1 0 let b 1 00 a b true should be fal
  • JavaScript 将键添加到数组中的每个值

    我下面有这个数组 它由一个简单的数组组成 我想要完成的是放一把钥匙id在每个数组值前面以实现类似的效果 id a id b id c id d 有没有一种简单的方法可以做到这一点 任何帮助将不胜感激 谢谢 var test a b c d
  • 如何在 React Native 上显示 SVG 文件?

    我想显示 svg 文件 我有一堆 svg 图像 但我找不到显示的方式 我尝试使用Image and Use的组成部分反应本机 svg https github com magicismight react native svg但他们不这样做
  • JavaScript中如何确保输入的值是数字而不是字符串?

    我创建了这个函数 function num var x prompt please enter your first number var y prompt please enter your second number if isNaN
  • 使用 JQuery 禁用和启用所有超链接

    我有以下禁用所有超链接的内容 但在事件发生后我想再次启用它们 我该如何执行此操作 a click function return false 我认为这不仅仅是将其设置为 true 那么简单 谢谢大家 不要以这种方式绑定 点击 处理程序 而是
  • 当我多次调用 requestAnimationFrame 时会发生什么

    我的意思是一次调用多个具有相同功能的 requestAnimationFrame function Draw DoSomething function AFunc prepare something requestAnimationFram
  • 如何动态调整jqgrid到当前窗口大小?

    如何动态调整jqgrid到当前窗口大小 基于javascript jQuery 最好的例子在这里 TinyMCE 去 http www tinymce com tryit full php http www tinymce com tryi
  • Javascript 浮点乘以 100 仍然有错误

    我有一个货币字段的文本输入 我在字段中输入 33 91 并在尝试使用 乘以 100 技术时得到以下结果 var curWth parseInt trans withdraw index val 100 3390 var curWth par
  • 我可以使用 ASP.NET WebForms 母版页在每个内容页中包含不同的 javascript/css 文件吗?

    我有几个使用相同母版页的内容页 它们并不都需要包含在相同的 javascript 和 css 文件中 tag 是否可以更改内容来自内容页面的标签 确实如此 但我建议采取一些不同的做法 我在关闭正文标签的正上方放置了一个内容占位符 然后我填充
  • 尝试使用 Javascript 解决对称差异

    我正在尝试找出对称的解决方案 使用 javascript 完成以下任务的差异 目标 接受未指定数量的数组作为参数 保留数组中数字的原始顺序 不删除单个数组中数字的重复项 删除数组中出现的重复项 因此 例如 如果输入是 1 1 2 6 2 3
  • 以角度访问窗口 TemplateUrl 内的范围

    我的模式有一个 windowTemplateUrl 如下 div class modal fade div class modal dialog div class modal content square btn div div div
  • 如何在 Jquery/Javascript 中绑定模糊和更改,但只触发一次函数?

    我试图在选择元素更改时触发函数 由于 Ipad 在 on change 方面遇到问题 我还想绑定到 blur 这在 Ipad 上工作得很好 但是我不希望两个事件都触发该函数两次 所以我需要某种挂钩来确保两个事件是否都触发change and

随机推荐

  • 我如何创建带有下面文本视图的按钮网格

    Hi 我想创建一个像我 尝试 上面绘制的屏幕 A b c d e f g 和 h 是buttons p 是一个EditText 现在我想要完成的是 当部署在更大或更小的屏幕上或旋转时 会发生以下情况 元素 p 保持相同的高度 但水平尺寸 获
  • C# - 抛出异常时无限循环?

    我有以下代码 protected void ExecuteInTransaction Action action using SQLiteTransaction transaction connection BeginTransaction
  • 当另一个字段发生实际变化时,sql server触发器更新时间字段

    我需要一个触发器 如果 表行的一个或多个字段被更新 该触发器就会更新该行字段 假设您有一个雇员表 如下所示 EmployeeId Name Address ModificationDate 1 Spears 27 Sober Road 2
  • 带缓动的动画画布弧线

    我正在画布上画一个非传统的环形时钟 时间由秒环 秒针 分钟环和小时环表示 我正在使用 webkit mozRequestAnimationFrame 在适当的时间进行绘制 我想修改第二个环以快速动画到下一秒 125ms 250ms 并使用二
  • 如何在Python3中使用自签名证书

    我已在 Windows Server 2012 R2 WSUS 服务器 10 66 194 98 Dec15 cer 中生成了自签名证书 并在所有 WSUS 管理 网站中启用了 SSL 现在我想在 python 代码中使用它来与服务器联系
  • Android USB API:在充电和数据发送之间切换

    我开始使用 Android USB API 将数据从 Arduino 发送到 Android 设备 是否可以以编程方式在发送 接收数据之间切换并只为 Android 手机充电 我知道你不能同时做这两件事 而且 因为你必须打开一个FileIn
  • NSUserDefaults 有哪些限制?

    在 iPhone 中永久存储数据通常是使用 Core Data 或 sqlite3 完成的 大多数人更喜欢使用 NSUserDefaults 作为应用程序首选项的存储 而不是将其用作普通数据库 例如 sqlite 我发现 NSUserDef
  • Charts Pod 未降级

    我正在使用 Xcode 8 3 和 swift 3 为了使用图表库 我需要使用 Charts 3 0 2 但 Cocoapods 始终安装最新的库 我尝试执行以下命令 pod install pod update but none are
  • 以编程方式将活动指示器添加到视图[重复]

    这个问题在这里已经有答案了 可能的重复 在应用程序启动期间显示活动指示器 https stackoverflow com questions 6849072 show activity indicator during applicatio
  • 如何在Firebase Android中24小时内每次更新一个值

    我有一个值在特定任务完成后设置为 1 但我希望在任务完成后 24 小时后将其设置回 0 为了解决这个问题 我建议您使用Firebase 的云功能 https firebase google com docs functions Cloud
  • 如果 !ModelState.IsValid 则复选框选中值丢失

    我在这里的方法可能完全错误 但我正在慢慢学习 MVC 我有一个表单 用户必须根据此模型选择多个 或不选择 模块 public class MyProductModule public string ModuleName get set pu
  • 如何在 IntelliJ 插件项目中启用 gradle

    当您创建 IntelliJ 13 插件项目时 您不能同时选择将其设为 Gradle 项目 如何启动 Gradle 支持的插件开发项目 IntelliJ 的当前版本 13 1 2 仅支持 Gradle 集成 最高版本为 1 10 将此版本的
  • 运行 Windows 10 的 Raspberry Pi2:无 PWM

    我有一个运行 Windows 10 的 Raspberry Pi2 我想使用 PWM 控制伺服系统 移植一些 netduino 代码 除了 12 GPIO 18 之外 Pi gt 上似乎根本没有 PWM 引脚 有人可以证实这一点吗 Than
  • 如何将 Facelets 组合与来自另一个上下文的文件结合使用

    我有一个使用组合 用于页面模板 的应用程序 但我们认为创建一个 Web 应用程序 war 来将所有应用程序共享的所有模板托管在所有应用程序的同一主机中 如何包含来自其他上下文的模板 这时候我使用的是import from http requ
  • 无效选项:--autospec

    usr local bin ruby rrubygems e require redgreen usr local lib ruby gems 1 8 gems rspec 1 3 0 bin spec autospec
  • 如何操作 ajax 响应中返回的 html?

    我已经为此搜索并尝试了很多方法 但根本无法使其发挥作用 我有以下内容 ajax url g html type GET dataType html timeout 4000 cache false error function reques
  • C++ 参数包扩展

    下面的代码无法编译 请参阅代码下面的错误 你能解释一下为什么吗 template
  • 如何创建一个能够包装实例、类和静态方法的Python类装饰器?

    我想创建一个Python类装饰器 这将能够无缝包装类可能具有的所有方法类型 实例 类和静态 这是我现在的代码 其中破坏它的部分已注释 def wrapItUp method def wrapped args kwargs print Thi
  • Material UI DatePicker 显示错误的日期

    Material UI Pickers 中显示的日期比所选日期晚 1 天 我选择了25号 formik中的值是25号 但表单上显示的值是24号 date io date fns 1 3 13 date fns 2 9 0 import Da
  • JavaScript按键事件获取文本区域的最终值

    我想知道是否有可能得到最终结果keypress事件 目前 我正在使用keyup因为它被激活了after用户已经在 texteara 中完成了文本编辑 但我编写了一个使用 Mootools 库执行类似操作的方法 input addEvent