Tag: 箭头键

防止“向上箭头”键重置文本框中的光标位置

我最近在我支持的网络应用程序中添加了一些预测文本输入字段。 什么大不了吧？ 不是真的，好像你的网络应用程序不这样做 – 你已经落后于时代，你的最终用户正在抱怨。 （至少这是它在这里的方式）。 所以，我的问题与“向上”箭头键有关。 预测文本框有一个onkeyup监听器。 处理程序将按键笔划分离，并根据用户输入的字符执行某些操作。 向上箭头键允许用户在我创建的加载了“建议”的div中导航。 我有几个变量跟踪索引等…基本上，当用户点击向上箭头时，我会将div的id更改为具有与之关联的css的id，这将使div看起来好像被选中一样。 此外，我将获取该div中的值并将其分配给用户可以键入的文本框。 问题是审美问题。 与我正在学习的所有文本框一样，向上箭头键将重置光标位置。 这是在我将新值写入文本字段之前发生的。 因此，在每个向上箭头笔划上，用户在文本框中看到一个跳跃光标（它将跳转到开头，并立即显示在结尾处）。 这是代码 – if (event.keyCode === 38 && currentUserInput.length > 0) { // user has toggled out of the text input field, save their typing thus far if (currentToggledIndex == -1) { currentToggledIndex = autoFillKeywordsList.length-1; savedKeywordUserInput = currentUserInput; } else […]

使用箭头键浏览列表？ （JavaScript的/ JQ）

我似乎无法找到如何实现这一目标的答案，但这是我多次见过的一个function。 基本上我正在回显列表，我想创建使用箭头键/输入突出显示和选择这些项目的function。 有人可以帮助我了解如何实现这一目标吗？ 我知道如何使用密钥代码（当然），而不是如何将其转换为function代码以选择列表中的项目… 我想也许我必须有一些隐藏的单选按钮来将其标记为选中或不…但即便如此我也不知道如何从一个单选按钮跳到另一个上下列表。 所以如果有人能帮我一把，我真的很感激。 谢谢。