为输入字段注册自定义焦点事件处理程序的最佳实践

2023-12-22

遗憾的是,我没有找到任何焦点事件sap.m.Input or sap.m.TextArea我可以在 XML 视图中注册处理程序。

您的最佳实践是什么,例如如果你有近 100 个字段并且其中大部分应该处理focus 事件,以便自动选择输入字段中的文本?

通常,我会尽量避免注册focusin控制器中每个输入字段的处理程序(也循环),但似乎没有其他可用的可能性,不是吗?

What I want is a possibility, that when I navigate e.g. with keyboard through a table with input fields, every time when I press the tab or updown arrow keys to jump to next input field, the whole content of the input field should be selected.

Example:

  1. 打开这个表格样本 https://openui5.hana.ondemand.com/entity/sap.m.Table/sample/sap.m.sample.TableEditable.
  2. Click on Edit.
  3. When tabbing, it automatically selects the text. But it doesn't work with updown arrow keys and with sap.m.Input class.

这是一个扩展的工作示例sap.m.Input选择焦点文本:https://embed.plnkr.co/98BIbMEIujbzBXqU https://embed.plnkr.co/98BIbMEIujbzBXqU

Input.extend("demo.control.Input", {
  onfocusin: function() {
    if (typeof Input.prototype.onfocusin == "function") {
      Input.prototype.onfocusin.apply(this, arguments);
    }
    this.getDomRef("inner").select();
  },
  // ...
});

Note: sap.m.InputBase提供APIselectText(iStart, iEnd)。但是,该 API 不支持类型的输入控件Number根据HTML 规范 https://html.spec.whatwg.org/multipage/input.html#input-type-attr-summary以及 API 参考:

selectText

仅支持输入控件的类型Text, Url, Tel and Password.

Since our goal is to select all text within the input field (not a range) regardless of the type, domElement.select()api https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select can be used instead.

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

为输入字段注册自定义焦点事件处理程序的最佳实践 的相关文章

  • AutoPostback 与 TextBox 失去焦点

    A TextBox被设定为AutoPostback因为更改值会导致重新计算和显示许多 仅显示 字段 效果很好 但是 当该字段被跳出时 焦点会短暂移动到下一个字段 然后在重新绘制页面时消失 因此任何地方都没有焦点 我希望焦点集中在新字段上 而
  • 如何找出当前焦点是哪个对象

    我有几个TextFields in my Frame 我想知道哪个TextField目前有重点 我怎样才能找到这些信息 KeyboardFocusManager getCurrentKeyboardFocusManager getFocus
  • 将焦点设置回其父级?

    来自帖子WPF 如何以编程方式从文本框中删除焦点 https stackoverflow com questions 2914495 wpf how to programmatically remove focus from a textb
  • 设置 NSWindow 焦点

    我有一个带有一个窗口和一个面板的应用程序 附加到该窗口 steps 停用我的应用程序 应用程序已打开 但没有焦点 单击面板上的按钮 面板现在处于焦点状态 但主窗口不是 如何从面板将焦点设置到主窗口 父窗口 Swift 5 版本的 BUDAx
  • 即使 EditText 不可编辑,EditText 光标也可见

    我需要在一个中引入数据EditText但我想使用虚拟键盘 而不是安卓键盘 如果我使用setKeyListener null 即使使用后光标也是不可见的setCursorVisible true 是否有可能制作一个EditText即使它不可编
  • 如何从 SearchView 中移除焦点?

    我想从中删除焦点和文本SearchView in onResume I tried searchView clearFocus 但它不起作用 这是我的 xml 代码
  • Android onFocusChange 被多次触发

    我正在使用列表适配器 扩展 SimpleCursorAdapter 来填充一些数据 我在bindView 中调用View SetOnFocusChangeListener 其中我将侦听器附加到所需的EditText 问题是该事件被触发 4
  • 智能表,onclick事件

    是否可以在智能表上处理 onClick 事件 我已经注释了来自后端的数据 单击某个条目时 我想导航到一个新视图 显示与我单击的条目关联的所有数据 我怎样才能在 SAPUI5 中实现这一点 我可以在 JavaScript 控制器中使用 get
  • 如何找出 WPF 应用程序中的焦点在哪里?

    我的 WPF 应用程序中有一个搜索屏幕 该屏幕作为 TabControl 的 TabItem 中的 UserControl 实现 当用户切换到 搜索 选项卡时 我希望焦点进入一个特定字段 因此 我向 Xaml 中的 UserControl
  • WPF:无法控制键盘焦点

    这周我遇到了一个让我陷入困境的问题 总而言之 问题是当我左键单击另一个控件时 我无法从代码中将键盘焦点赋予 ComboBox 具体来说 我有一个 CustomControll 它有一个 Scrollview 其中包含另一个 CustomCo
  • 在Android中设置相机对焦区域

    在几个教程和示例之后 我提出了下一个算法来将相机焦点设置在特定点上 问题是相机完全忽略该点并执行正常的整体焦点 而不是我指定的矩形区域 算法中还有什么我遗漏的吗 这已经在多款 Android 4 0 及以上版本的手机上进行了测试 因此这些设
  • WPF - 单击按钮时设置焦点 - 无代码隐藏

    有没有办法设置Focus使用 WPF 从一个控件到另一个控件Triggers 就像下面的例子
  • 检查是否有任何输入元素处于焦点

    我有一个 jquery 脚本 当按下键盘上的任意键时 它会显示一个 div 我想向脚本添加一个条件 仅当页面上没有其他输入区域 文本区域或文本字段 处于焦点时才运行脚本 这样您就可以在页面的其余部分实际键入内容 而无需显示 div docu
  • 我可以删除 TabControl 上选项卡上的虚线焦点矩形吗?

    我有一个选项卡控件 需要删除所选选项卡周围的虚线焦点矩形 我已将 TabControl 的 TabStop 属性设置为 false 但是 如果我单击一个选项卡并按Tab键 选项卡名称周围出现虚线矩形 我尝试过创建自己的TabControl并
  • 如何将焦点设置到 Windows 窗体应用程序中的控件?

    在 Windows 窗体应用程序中 when我是否编写代码以在应用程序启动时以及随后调用函数后将焦点设置到控件 例如 如果我有一个 DropDownList 一个 TextBox 和四个按钮 并且我希望将 Focus 设置为 DropDow
  • 从侦听器中修改 JFrame [重复]

    这个问题在这里已经有答案了 可能的重复 如何在框架可见后调用 setUndecorated https stackoverflow com questions 875132 how to call setundecorated after
  • 如何在 tvOS 中将焦点从一个按钮移动到另一个按钮?

    我是 tvOS 的新手 我想要一个标准按钮 一旦按下 它将焦点移动到另一个标准按钮 我该怎么做 当然如果可能的话 首先覆盖preferredFocusedView在你的 viewController 中使用自定义属性 var myPrefe
  • 按下按钮时清除编辑文本焦点并隐藏键盘

    我正在制作一个带有编辑文本和按钮的应用程序 当我在 edittext 中输入内容然后单击按钮时 我希望键盘和焦点在 edittext 上消失 但我似乎无法做到这一点 我在 XML 中插入了这两行代码 android focusable tr
  • 单击“提交”按钮时 jQuery Stop .blur() 事件

    我正在使用简单的演示电子邮件注册表单构建一个小型登陆页面 我想让表单字段在聚焦时打开 然后在模糊时缩小 然而 我面临的问题是 当您单击提交按钮时 这会引发模糊功能 隐藏按钮并缩小表单 我需要找到一种方法 仅当用户单击专注于提交按钮时停止 b
  • UI5 性能参数:data-sap-ui-preload 与 data-sap-ui-async

    不同的SAPUI5性能指南提到了两个关键参数 它们似乎具有相似的性质 但解释略有不同 data sap ui preload async https help sap com viewer b4b7cba328bc480d9b373c7da

随机推荐