AngularJS 将焦点移动到回车时的下一个控件

2024-02-28

最好的方法是什么,当在表单中按 Enter 键时,焦点转到下一个输入,而不是使用 AngularJS 提交表单。

我有一个包含很多字段的表单,客户习惯于按 Enter 移动到下一个输入(来自桌面应用程序)。当用户按 Enter 键时,AngularJS 会保存表单。我喜欢改变这一点。是否可以 ?


我建议制定一个自定义指令。像这样的东西。我没有测试过这个。

.directive('focus', function() {
  return {
    restrict: 'A',
    link: function($scope,elem,attrs) {

      elem.bind('keydown', function(e) {
        var code = e.keyCode || e.which;
        if (code === 13) {
          e.preventDefault();
          elem.next().focus();
        }
      });
    }
  }
});

类似的东西应该有效。你可能需要调整一些东西。祝你好运。

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

AngularJS 将焦点移动到回车时的下一个控件 的相关文章

  • ng-href 中的 AngularJs if 语句

    我有一些动态创建的元素 每个元素都有不同的 ng href 我想根据某些元素给出不同的链接 当我尝试在 ng href 中编写函数时 它会将页面发送到 url 中的函数 因此它不起作用 我尝试做这样的事情 a a 我应该使用哪种方法来创建具
  • 在 angularjs 中使用 $dirty 来检查何时编辑表单

    我试图通过编写表单的某些字段来检查何时编辑表单 我读到 dirty 应该适用于该任务 但我不知道我在这里缺少什么 div div
  • 在解决承诺之前已提交指令

    我在获取指令时遇到问题 仅在我的承诺得到解决后才呈现其内容 我想then 本来应该这样做 但它似乎不起作用 这是我的控制器 Generated by CoffeeScript 1 6 3 function var sprangularCon
  • Require('child_process') => 找不到 Require / child_process + launch .bat

    我已经在论坛上搜索了三天的方法来让我的程序工作 但它仍然不起作用 我正在尝试我的第一个 AngularJS 项目 我需要启动外部程序当用户单击图像时 我有一个名为 tool list 的模块 在我的 tool list component
  • 更新 Angularjs 和 Momentjs 中的“时间之前”值

    原文 我有一个用 ng repeat 生成的表 其中包含数百个条目 其中包含几个不同的 unix 时间戳 我使用 moment js 让它们显示为 19 分钟前 或无论多久之前 例如 我如何每五分钟更新一次 而不必刷新整个表 这需要几秒钟并
  • 使用 ngSanitize 在 HTML 中注入“ng-click”

    我正在使用 Angular 进行本地化 但我遇到了最后一件事 我有这个 json blob key need to login value You need to a log in a to add an event description
  • 测试滚动

    在我的角度应用程序中 我有一个页面 侧面有导航链接 单击该链接时 会将页面向下滚动到匹配的元素 我如何在量角器中为此编写 e2e 测试 有没有类似 抓取第一个可见的 h1 之类的东西 您可以使用 javascript 的 window pa
  • 告诉 Angular Js 忽略特定路由

    我已经在 Angular 中设置了路由 一切正常 locationProvider html5Mode true routeProvider when templateUrl Home Index when User templateUrl
  • 如何在 Angular js 中创建动态工厂?

    在我的项目中 我必须在 Angular js 中创建动态工厂 其动态工厂名称如下 function createDynamicFactory modId return myModule factory modId existingServi
  • 奇怪的 Angular-ChartJS 问题,在 Ionic App 中无法正确显示

    我正在使用 AngularJS 构建一个 Ionic 应用程序 在此应用程序中 我想要一个数据折线图 昨天我问了一个关于这个的问题 Angular Chart 不渲染任何内容 https stackoverflow com question
  • 是否可以为 $httpBackend 响应设置通配符?

    假设我在 AngularJS 中有以下测试代码 var someURL var dummyJSON httpBackend whenGET someURL respond dummyJSON 有没有一种方法可以使其成为一组 URL 而不仅仅
  • Angular UI Grid - 将图像导出为 pdf

    我想将图像添加到 pdf 的标题中 我正在尝试添加已转换为 base64 的图像以导出 Pdf 标题 scope gmGrid exporterPdfHeader margin 30 5 30 15 table widths body MC
  • 将输入包装在角度指令中

    我的想法是将输入包装到自定义指令中 以保证整个网站的外观和行为一致 我还想包装 bootstrap ui 的日期选择器和下拉菜单 此外 该指令应该处理验证并显示工具提示 HTML 应该看起来像这样
  • Angularjs UI 模态表单

    我曾经使用引导模式有一个登录对话框 scope loginDialog backdrop true keyboard true windowClass modal loginDialog backdropClick true templat
  • Spring 和 Angular JS

    我正在使用 Spring 和 Angular JS 开发一个应用程序 但我不知道我所做的是否正确 在同一个 Maven 项目中 我做了 一个用户类 然后我创建了一个 RestController 在其中创建了我的 webservice 在
  • AngularJs:显示来自 git 或 Bower 的版本号

    我创建了一个 Angular 应用程序 我想在屏幕上显示应用程序的当前版本号 目前我已将其实现为常量 application constant constants VERSION 1 1 2 但这需要我在每个新版本上更新常量 我使用 Bow
  • 如何测试 AngularJS 指令

    我正在开发一个将使用 AngularJS 的 Rails 3 2 应用程序 我可以让 Angular 做我需要的事情 但我很难弄清楚如何测试我正在做的事情 我正在使用guard jasmine 使用 PhantomJS 运行 Jasmine
  • Angular 1 到 Angular 5(导入嵌套组件)

    Before 角度1 5 用户界面路由器 Now 角5 0 如何在像 Angular 1 5 这样的组件父组件中导入子组件 我从 Angular 5 开始制作教程 Heroes 但没有解释这个过渡 所有组件都导入到 app modole t
  • 为什么使用 Angular 的 $log 而不是 console.log?

    我知道这是使用角度的最佳实践 log代替console log 但是 我找不到解释原因的良好文档 开发人员为什么要使用 log log首先检查浏览器是否支持console log 例如 IE 8 就没有 这可以防止在 IE 8 上显示错误
  • 如何在一页/url 上执行 angularjs 多步骤/向导表单

    我试图找出 AngularJS 中合理的方法来创建一个由多个步骤 即向导 组成但链接到一个页面 URL 的函数 来自一个步骤的数据必须将数据发送到下一步 或与之共享数据 要点是 url 应保持不变 即http mydomain myapp

随机推荐

  • 如何显示每个交叉验证折叠的混淆矩阵和报告(召回率、精度、fmeasure)

    我正在尝试在 python 中执行 10 折交叉验证 我知道如何计算混淆矩阵和分割测试报告 例如分割 80 训练和 20 测试 但问题是我不知道如何计算混淆矩阵并报告每个折叠 例如折叠 10 时 我只知道平均准确度的代码 为了简单起见 以下
  • 在 woocommerce 管理产品列表中添加特定产品属性的过滤器下拉列表

    在 Woocommerce 的管理产品列表中 我应该需要过滤特定属性的产品 基于 在 woocommerce 管理产品列表中添加产品标签的过滤器下拉列表 https stackoverflow com questions 51964016
  • 创建 Jackson ObjectMapper 实例的克隆

    我正在写一个需要一个库com fasterxml jackson databind ObjectMapper实例 库的用户应该能够提供 ObjectMapper 或 ObjectMapper 实例本身的配置 但我还添加 修改了序列化器的一些
  • Google Apps 脚本中的编辑器可以部署网络应用程序吗?

    在 Google Apps 脚本中拥有编辑权限 非所有者 的人可以部署网络应用吗 我是 Google Web App 的所有者 我希望合作者也能够部署该脚本 由于我的 Web 应用程序不能有两个所有者 另一个人是编辑者 因此无法部署 Web
  • 如何使“git分支”尊重Linux上的“core.ignorecase”标志?

    我们正在使用位于办公室 Linux 服务器上的远程 Git 存储库 所有客户端都是 Windows PC 并安装了 Git 扩展作为客户端 使用 msysgit 运行 在客户端系统上 如果我尝试执行以下操作 git branch Branc
  • 如果用户的分辨率< x,可以自动缩小吗?

    我的网站纯粹针对笔记本电脑市场 不要问为什么或争论 我所有的用户 或 95 我们的屏幕宽度为 1200 上网本现在正在兴起 分辨率已达到 1024 宽 如果您缩小一次 ctrl 减号 我的网站在上网本上看起来仍然很棒 但我不想依赖用户了解c
  • 通过修改LLVM Backend来Clobber X86寄存器

    我正在尝试稍微改变 X86 目标的 LLVM 后端 以产生一些所需的行为 更具体地说 我想模拟一个像 gcc 的 fcall used 这样的标志reg option https gcc gnu org onlinedocs gcc Cod
  • Session 存储在哪里?

    我问我的朋友 session保存在哪里 在服务器还是浏览器 他说 在服务员那里 然后我说 我认为保存在服务器上的东西称为缓存 然后 我去google搜索阅读文章 但没有找到具体的正确答案 在MSDN上也没有找到具体的答案 通常它保存在服务器
  • 如何在 Spring @RestController 中以 JSON 形式返回Optional

    RestController中有代码 GetMapping update odds public Optional
  • VSCode扩展TreeView设置选中

    我创建了一个TreeDataProvider并填充它TreeItem s 我希望能够设置TreeItem根据当前编辑器窗口选择 就像在资源管理器 打开编辑器视图中发生的情况一样 我已经查看了 API 但找不到任何方法来做到这一点 您可以使用
  • 具有两个嵌套循环的非递归合并排序 - 如何?

    这是第一个问题 是的 这是一个家庭作业问题 我们的任务是对数组 我熟悉的 执行合并排序 但在某种程度上我不确定该怎么做 通常我会有一个单独的合并和合并排序函数 并使用这两个函数 不过 听起来他想要一切都用一种方法 我只是希望有人可以帮助我解
  • 有没有办法在 Xamarin Forms 中禁用屏幕截图?

    我希望我的 Xamarin Forms 应用程序禁用屏幕截图 有办法这样做吗 注意 我找到了纯 Android 和 iOS 版本的解决方案 但我需要 Xamarin 解决方案 如果有办法以某种方式嵌入纯 Android 和 iOS 解决方案
  • RibbonActions.js 在 Dynamics 365 统一接口中已弃用。是否有新的 JS 库替代 RibbonActions.js?

    我正在使用 OOTB直接发送电子邮件按钮发送批量电子邮件 这在经典模式下工作正常 但在统一接口 经过一番研究后我发现 static common scripts RibbonActions js已弃用并且 网络资源必须改为使用 有什么办法可
  • 将 Python 字典列表附加到文件而不加载它

    假设我需要一个由字典列表组成的数据库文件 file name Joe data 1 2 3 4 5 我需要一个函数来接收如上所示的字典列表并将其附加到文件中 有什么方法可以实现这一点 比如使用 json 或任何其他方法 而不加载文件 编辑1
  • 在代码中处理/格式化 Javadoc 和注释的最佳方法是什么? [复制]

    这个问题在这里已经有答案了 我浏览过这个论坛 并且用 google 搜索过这个论坛 但我不确定处理同时出现在同一类中的 Javadoc 和注释的最佳方法是什么 从我从 Sun Oracle 的文档中可以看到 他们似乎建议 尽管我无法真正找到
  • 为什么是 this.callParent(arguments);在 ExtJS 构造函数的开头调用?

    我注意到 在我最近修改的许多程序中 它们总是调用当前对象的父参数 我知道这是必要的 但对为什么这是一种常见做法没有充分的了解 对于初级开发人员来说 有什么智慧吗 我应该知道这一点 这是 ExtJS 用于支持构造函数中的类继承的机制 呼唤th
  • Python 脚本错误地删除了 .xlsx 文件中创建的图表

    我尝试使用 Python 编写一个脚本 该脚本从存储在文件夹层次结构中的所有 csv 文件中获取一些特定值 这些值将复制到已创建的目标文件 xlsx 中的某些特定单元格 目标文件还有一些现有的空图表 在单独的工作表中 这些图表将使用脚本提供
  • CGPath Scale 出现问题

    我正在使用绘制多边形CGPath并添加到CAShapeLayer 我想扩大我的规模CGPath当用户点击它时 我知道如何扩展CGPath 但是当我点击我的CGPath my CGPath当我在中心绘制多边形时 绘制远离中心 CGAffine
  • 在Python中获取特定JSON元素的值

    我对 Python 和 JSON 很陌生 所以如果我听起来一无所知 我很抱歉 我从 Google Translate API 获得以下结果 并希望解析出 translatedText 的值 data translations transla
  • AngularJS 将焦点移动到回车时的下一个控件

    最好的方法是什么 当在表单中按 Enter 键时 焦点转到下一个输入 而不是使用 AngularJS 提交表单 我有一个包含很多字段的表单 客户习惯于按 Enter 移动到下一个输入 来自桌面应用程序 当用户按 Enter 键时 Angul