如何在textarea中使用keydown事件?

2024-03-31

我不太习惯使用 javascript,但我已经厌倦了在工作中手动重复尝试。当我在论坛中写作时,我需要一个快速的简短命令(例如 Ctrl-Alt-z)来将一些文本插入到文本区域对象中。

我已经编写了一个在文本光标 insertAtCursor(text) 处插入文本的函数。文本区域的ID是“content”。

我知道如何解决检查组合键的问题。我遇到的问题基本上是检查是否有任何键盘输入。

我已经尝试过以下方法:

document.keydown(function(event){
  alert("Test");
});

然而,它不起作用。

提前致谢!


我认为如果您正在寻找跨浏览器解决方案,您将会遇到困难。这里有一些可以帮助你的东西:http://www.quirksmode.org/dom/events/keys.html http://www.quirksmode.org/dom/events/keys.html

基本上,你想要这样的东西:

document.getElementById('content').addEventListener('keydown', function (e){
    // Do your key combination detection
}, false);

MDN 上的事件。可能更有帮助 https://developer.mozilla.org/en/DOM/KeyboardEvent

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

如何在textarea中使用keydown事件? 的相关文章

  • 自动调整Google网站嵌入代码的高度(html)

    我正在使用 Google 协作平台嵌入 HTML 代码 将代码粘贴到 从网络嵌入 窗口中 输出的长度是可变的 我希望有一种方法可以动态调整父级的高度iframeGoogle 协作平台用于托管我的 HTML 我知道我可以使用 Google 协
  • 跨域XMLHttp请求

    这是我的情况 我有一台 Web 服务器机器 一台客户端机器和第三台运行一些侦听 XMLHttpRequest 的程序的机器 客户端从客户端计算机访问网络服务器 进行一些更改 然后单击 保存 此时 数据被发送回网络服务器和第三台机器 所有这些
  • 在 javascript、jQuery 或 css 中,如何让 div 或 iframe 展开以填充其余空间

    我有三个 iframe 我将顶部 iframe 设置为 50px 高度 将底部 iframe 设置为 50px 但我希望中间 iframe 扩展以填充其余空间 有没有一种技术可以用来对任何窗口屏幕尺寸执行此操作 谢谢 example
  • 创建一个简单的 10 秒倒计时

    我想要一行这样写的 Your download will begin in 10 9 8 etc Beginning on page load seconds 我已经设置了 10 秒下载文本 并且我还查看了其他 stackoverflow
  • 打开 md-calendar 时滚动到当前日期

    目前正在构建一个使用 Angular Material 的应用程序 我们需要一个 md calendar 组件 我们想要自定义按钮样式和内容 因此不使用普通的 md datepicker 问题是 当 md calender 打开时 滚动位置
  • 了解 sort() 比较函数

    我正在使用一个电子商务平台 该平台无法重新排序产品属性字段的选项 这真的很糟糕 因为要插入新选项 您几乎必须删除所有现有选项并重新开始 我正在尝试在客户端进行操作 这是我正在处理的内容 这是针对鞋码的 9 EE 9 1 2 EE 10 EE
  • 以一定时间间隔连续重复运行 JavaScript 函数

    这是我的第一个问题 希望您尽快回答 我想要代码连续重复一个函数 我尝试了一些代码 但没有成功 我尝试了这段代码 我想在一段时间后重复这个功能 我努力了setInterval and setTimeout 但是 我还没有收到结果 这将重复该任
  • 如何动态突出显示网页上的字符串?

    我想创建带有 url 的页面 例如 http xyzcorp schedules 2015Aug24 Aug28 Jim Hawkins http xyzcorp schedules 2015Aug24 Aug28 Billy Bones
  • 搜索深度嵌套数组以更新对象

    我有一个深层嵌套的数据结构 我有兴趣匹配数组 和数组数组 中的某个值 然后将一些数据推送到随附的数组中 例如以下是我的数组colors并伴随着的是更多颜色数组可能存在也可能不存在 var myData color green moreCol
  • 无法实例化模块 [$injector:unpr] 未知提供程序:$routeProvider

    我从 AngularJS 升级时收到此错误1 0 7 to 1 2 0rc1 ngRoute 模块不再是核心的一部分angular js文件 如果您继续使用 routeProvider 那么您现在需要包括angular route js在你
  • 如何在 HTML / Javascript 页面中插入 PHP 下拉列表

    好吧 这是我的第二篇文章 请接受我是一个完全的新手 愿意学习 花了很多时间在各个网站上寻找答案 而且我几乎已经到达了我需要到达的地方 至少在这一点上 我有一个网页 其中有许多 javascript 函数 这些函数一起使用 google 地图
  • 判断一个数字是否能被 3 或 5 整除 (FizzBu​​zz)

    如何根据输出是否能被 3 或 5 整除来更改输出 如果它能被 3 整除 我想显示 rock 如果它能被 5 整除 我想显示 star 类似于 FizzBu zz 如果两者都有 他们都会看到 这是我的代码 if var n Math floo
  • 为什么 Web Worker 性能在 30 秒后急剧下降?

    我正在尝试提高在网络工作人员中执行时脚本的性能 它旨在解析浏览器中的大型文本文件而不会崩溃 一切都运行得很好 但我注意到使用网络工作者时大文件的性能存在严重差异 于是我做了一个简单的实验 我在同一输入上运行脚本两次 第一次运行在页面的主线程
  • 在 React Navigation 中将 props 传递给自定义抽屉导航器

    在反应导航抽屉菜单中 我想显示用户名 John Doe 它处于我的主要组件的状态 Router 我怎样才能将自定义抽屉内容组件传递给它 额外信息 我从 AsyncStorage 中获取此名称 组件已挂载 这是我的代码 export defa
  • Google 地图 API:忽略 DirectionService 请求中的季节性限制

    我目前正在开发一张地图 其中显示两点之间的最短路线 使用不同的交通工具 我注意到 有时 例如在冬季关闭的道路不会被考虑在内 我发现我可以使用方向服务 下面的代码 忽略高速公路 收费站和渡轮 但我一生都无法弄清楚如何 是否可以忽略季节性限制
  • 使用日期字符串数组在引导日期选择器中设置禁用月份不起作用

    我有一个日期选择器 其配置如下 HTML div class input group date div
  • 如何打开弹出窗口并用父窗口中的数据填充它?

    如何使用 JavaScript jQuery 使用父页面中 JS 变量的数据填充弹出窗口 在我的示例中 我有一个文件名数组 我在父窗口中最多列出五个 如果还有更多 我想提供一个链接来打开弹出窗口并列出数组中的每个帖子 因此 如果我打开一个包
  • 如何在 ASP.NET MVC 3 的 Razor 视图中编码嵌入的 javascript?

    如何在以下上下文中正确编码 JavaScript 我的 JSON 对象中的值是由应用程序管理员设置的 因此我假设它们需要正确编码 对于 HTML 和 JavaScript 都是如此 我在用着System Web Script Seriali
  • Ember Data 中出现“超出最大调用堆栈大小”错误的原因可能是什么?

    Ember 发布新版本 3 6 0 后 我开始在控制台中收到错误 rsvp js 24 未捕获 RangeError 超出最大调用堆栈大小 在 WeakMap get 在 getCacheFor metal js 25 在 Computed
  • mozilla pdf.js 没有全视图

    我喜欢这个 pdf 查看器https github com mozilla pdf js https github com mozilla pdf js Demo http mozilla github com pdf js web vie

随机推荐

  • 在带有nodejs的azure函数应用程序中使用SSL证书

    我将 pfx 证书上传到我的函数应用程序 如何加载此证书以便在我的 Nodejs 代码中使用它 如果我把它放在项目目录中 我就可以使用它并且它工作正常 但我想避免将它放在项目中 Thanks 在Azure门户中 您可以按照下图上传您的私有证
  • 我的功率谱可信吗? lomb-scargle 和 fft 之间的比较(scipy.signal 和 numpy.fft)

    谁能指出为什么我得到截然不同的结果 有很多不应该出现的峰 事实上 应该只有一个峰 我是一个 python 新手 欢迎对下面我的代码发表所有评论 测试数据在这里 在此输入链接描述 https clbin com YJkwr您可以直接wget
  • 使用 Spring 3.0.5 和 Jackson 对 Tomcat 发出 JSON PUT 请求时出现 403

    我的 Web 应用程序已开始返回 PUT 请求的 403 错误 但是 我在日志中没有看到此请求的任何调试消息 因此我对如何进一步调试它感到困惑 该代码曾经可以工作 但最近发生了一些变化 客户端是 Sencha JS Ext Ajax req
  • Microsoft(或其他软件生产商)桌面应用程序的设计模式

    这个问题类似于 Windows 窗体应用程序最常见的设计模式是什么 https stackoverflow com questions 404624 what is the most common design patterns for a
  • 是否有一个项目可以使用 Eclipse 代码库为 Emacs、VIM 和其他编辑器提供高级语言支持?

    这里有很多关于 IDE 与编辑器以及哪个更适合现代软件开发的问题 在答案中 一个常见的观点是 Eclipse 有更好的语言支持 例如for Java http help eclipse org indigo index jsp topic
  • 如何在base.html中使用自定义模板标签

    是我的项目根目录 其中manage py居住 我有一个基本模板 templates base html 我有一个自定义模板标签 app templatetags mytags py from django import template r
  • 烦人的javascript时区调整问题

    我已经设置了一个 JSON 端点 它从服务器返回当前时间 例如 myservertime 2011 10 02T23 00 02 00 现在是 CET 夏季时间 现在 我还有一个 jQuery 代码可以很好地解析它 sysTime func
  • 在 Clojure 中实现中断

    如果条件匹配返回最后一个值 有没有办法在 Clojure 中跳出循环 大多数算法受益于在找到结果时返回结果并避免完成整个执行 假设我有一个由 100 个数字组成的向量 范围从 0 到 100 我想找到数字 10 一旦找到 10 我希望停止执
  • 如何为 vue 生产构建输出单个 build.js 文件

    我在用着vue cli 2 9 6 并使用创建了一个vue项目vue init webpack
  • firefox插件SDK不使用新音频播放音频

    我正在开发一个 Firefox 扩展 我希望它在事件发生时播放通知声音 然而 尽管遵循了从 Firefox 扩展的数据目录播放音频 https stackoverflow com questions 16449813 play audio
  • Picasso 目标 onBitmapLoaded 未在 for 循环中调用

    下面的代码片段用于将文件加载到位图中并将该文件保存在内部目录中 即 PNG 或 JPG 格式 final List
  • Java日历时间、分钟错误

    有人知道为什么 java util Caldendar 中的 MINUTE 方法返回错误的分钟吗 import java util Calendar public class Clock Instance fields private Ca
  • 使用 futures 和 Thread.sleep

    通过执行这个 scala 代码 我在控制台中没有任何输出 我真的不明白发生了什么 如果我删除Console println Console println OK gt 一切看起来都很好 如果我删除Thread sleep 2000 gt 一
  • 有没有好的、简单的用于进程间调用的 RPC 库? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何使 EditText 的父级可点击?

    假设我有这个粉红色的盒子 它包括LinearLayout和它的孩子们 TextView作为字段名称和EditText EditText被故意禁用 我想要的是 用户可以在粉红色的方框上单击任何用户想要的位置 顺便说一句 请忽略任何您觉得奇怪的
  • 是否可以从具有跨源数据的元素中捕获?

    我在 webRTC 文档中找到了这个简单的脚本 我尝试运行它 但似乎我遗漏了一些东西 const leftVideo document getElementById leftVideo const rightVideo document g
  • JIT - 将 Spacetree 保存为图像

    我正在使用 JavaScript InfoVis Toolkit http thejit org 并尝试将输出的 Spacetree 保存到图像中 空间树被输出到画布上 这个问题实在是让我很沮丧 我努力了 在新窗口中打开画布 在新窗口中打开
  • Windows 上 Haskell 中的 Unicode 控制台 I/O

    在 Windows 下的 Haskell 中让控制台 I O 与 Unicode 字符一起工作似乎相当困难 这是一个悲惨的故事 初步的 在考虑在 Windows 下的控制台中执行 Unicode I O 之前 您需要确保您使用的控制台字体可
  • 打开htaccess密码保护页面没有提示

    我在网站上有一个目录 该目录通过 htaccess 进行密码保护 我希望能够通过我的应用程序打开此网页 而无需用户输入密码 而是以编程方式打开此网页 例如 有没有办法可以将登录信息嵌入到 URL 中 例如http www mypage co
  • 如何在textarea中使用keydown事件?

    我不太习惯使用 javascript 但我已经厌倦了在工作中手动重复尝试 当我在论坛中写作时 我需要一个快速的简短命令 例如 Ctrl Alt z 来将一些文本插入到文本区域对象中 我已经编写了一个在文本光标 insertAtCursor