如何在javascript中禁用输入文本框上的键盘事件

2024-01-10

我有一个图像,我使用键盘对其进行一些操作(翻译、缩放..)。在图像上方,我有一个输入文本框,显示数据集中图像的编号。 当光标位于文本框上时如何禁用图像操作? (即禁用我分配给每个键盘的行为)。我还希望仍然能够编辑文本框(例如移动到图像编号 xx)。从我在这里读到的iPad 禁用输入时的按键事件 https://stackoverflow.com/questions/4975330/ipad-disable-keyevent-on-input,我认为解决方案是这样的:

 // input text field
   var currentPosDisplay = $('<input type=text id="currentPos"  onkeypress="return  disableManipulation();" value="1" style="display:inline" >');

但我不知道如何实现disableManipulation(),以便当我按下键盘(在文本框内)时,仅发生默认行为(而不是图像操作)


听起来您想让用户更改中的值input,但您不希望在文档(或其他容器)级别看到这些事件,因为您已在文档(或其他容器)级别挂钩了键盘事件以进行图像操作。

如果是这种情况,您可以这样做Event#stopPropagation:

var currentPosDisplay = $('<input type=text id="currentPos" value="1" style="display:inline" >');
currentPosDisplay.on("keypress keydown keyup", function(e) {
    e.stopPropagation();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在javascript中禁用输入文本框上的键盘事件 的相关文章

随机推荐

  • 请求位置更新的频率超过 5 秒(Android Fused 位置)

    我正在制作一个实时位置监听应用程序 我需要调用位置更新每 3 秒一次 I use Fused https developer android com google play services location html地点 我的间隔设置为
  • 具有多个条件主题的 Firebase API 调用

    我在调用 FCM API 时遇到一个悲惨的问题 简而言之 当我使用以下方式调用 API 时 URL https fcm googleapis com fcm send Content Type application json Author
  • 祖先查询解析错误

    我正在努力让我的祖先查询 https developers google com appengine docs python datastore structuring for strong consistency工作 但我不断收到此错误
  • 如何在 C# 中将 int[] 转换为 byte[]

    如何在 C 中将 int 转换为 byte 一些代码将不胜感激 EDIT 我需要一个函数来执行以下操作 byte FuncName int Input 由于您的问题中的细节很少 我只能猜测您要做什么 假设您想将 2D 整数数组 展平 为 1
  • 后台工作人员:在执行 RunWorkerCompleted 之前确保 ProgressChanged 方法已完成

    假设我正在使用后台工作者并且我有以下方法 private void bw DoWork object sender DoWorkEventArgs e finalData MyWork sender as BackgroundWorker
  • 当调用函数时,堆栈帧真的会被推入堆栈吗?

    我很长一段时间以来所学到的方法是 当我运行程序时 立即进入堆栈的第一件事是 main 方法的堆栈帧 如果我从 main 中调用一个名为 foo 的函数 那么一个堆栈帧 即局部变量 自动对象 的大小 和参数也会被推入堆栈 然而 我遇到了一些与
  • CefSharp获取页面截图

    是否可以使用以下方式获取网页的屏幕截图CefSharp 我找到了有关的信息GetImage 方法 但似乎不再支持 还有其他办法吗 我需要从屏幕外浏览器获取屏幕截图 因此制作显示浏览器的屏幕屏幕截图并不是解决方案 我已经在分叉分支中实现了此功
  • 如何在android中使用openstreetmap通过纬度和经度获取城市名称[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 在我的应用程序中 我使用 osm 而不是谷歌地图 我有纬度和经度 所以从这里我将如何查询从 osm 数据库获取城市名称 请帮助我 我正在使
  • 显示一个句子,一次一个字符

    我想用 jQuery 一次一个字符地显示一个句子 有没有一个插件可以做到这一点或者我怎样才能达到这种效果 你可以写一个小插件来做到这一点 这里有一些可以帮助您入门的东西 远非完美 只是为了给您一个想法 function fn writeTe
  • 可索引类型 - TypeScript

    下面的语法 interface StringArray index number string 指出当StringArray索引为number 它将返回一个string 例如 let myArray StringArray myArray
  • 获取 JSON 格式的 JSDoc 输出

    有没有办法配置 JSDoc 使输出采用 JSON 格式而不是通常的 HMTL 格式 有一个选项 X 解释 它使用已解析的 AST 创建 JSON 文件 jsdoc X mylib gt jsdoc ast json 要理解此 JSON 您可
  • 如何更改引导程序中面板的折叠方向

    我有一个众所周知的基本可折叠面板 其代码如下所述 我通过 css 设置更改了一些属性 例如折叠和折叠高度和宽度 但无法更改折叠方向 我想将其更改为与默认位置相反的顶部 我怎样才能做到这一点 我向你保证 我尝试了多种方法 但无法解决问题 di
  • 在 numpy 中加速矢量化眼球追踪算法

    我正在尝试实现 Fabian Timm 的眼球追踪算法 http www inb uni luebeck de publikationen pdfs TiBa11b pdf http www inb uni luebeck de publi
  • 如何读取 Perl 变量的根标签和根结束标签?

    我是 Perl 新手 我想将 xml 根标记和根结束标记读取到 perl 变量 我尝试了正常的文件读取 有效 我正在得到第一行和最后一行 但有时 如果没有新的线路 您就不能相信第一条线路 使用正则表达式读取第一行就完成了 但我在 googl
  • 为 go.mod 文件指定 Go 版本

    我正在通过 Heroku 部署应用程序 我愿意git push heroku master 我收到此错误 remote Compressing source files done remote Building source remote
  • Android 的 FragmentTabs 示例中的两个框架布局 Support4Demos

    我对 Android 中的片段不熟悉 我指的是为 supportv4 兼容性库提供的片段演示示例 谁能解释一下为什么有两种框架布局 android id realtabcontent android id tabcontent Androi
  • iPad Safari 视口的高度

    iPad 的视口宽度为 980 像素 高度是多少 在 Safari 中 我们必须添加地址和新的水龙头 Safari 横向模式下的高度是多少 有一个媒体查询可以使网页适合宽度 有没有办法使网页适合高度 以下是答案 你是对的 iPhone iP
  • PostgreSQL 权限授予不可见

    在 PostgreSQL 10 上 我有一个名为tn schema和一个名为tn beta db 我认为是的 尽管我确实必须连接到相关数据库才能查看架构 T jeff nantes 4 sudo su postgres c psql psq
  • lombok对jpa有副作用吗

    我正在努力将 jpa 实体转换为使用 lombok 结果代码如下 Entity Table name TEST Data NoArgsConstructor AllArgsConstructor class Test Column name
  • 如何在javascript中禁用输入文本框上的键盘事件

    我有一个图像 我使用键盘对其进行一些操作 翻译 缩放 在图像上方 我有一个输入文本框 显示数据集中图像的编号 当光标位于文本框上时如何禁用图像操作 即禁用我分配给每个键盘的行为 我还希望仍然能够编辑文本框 例如移动到图像编号 xx 从我在这