个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
使用 Javascript/jQuery，当有人按下某个键时，我如何才能自动重复按键事件或等效事件？
我真正想要的是能够检查一个键是否按下，但从这里的其他问题来看，这似乎是不可能的。建议的解决方法似乎是记录 keydown 和 keyup 事件，如果记录了 keydown 事件并且没有后续的 keyup，则假设键已按下。
该解决方案在我的案例中遇到了问题。我正在设计一个在线实验。用户应该在整个实验过程中按住“T”键，永远不要松开。该实验由多个试验组成，每个试验都无法访问之前试验记录的信息。因此，试验 1 可以记录 T 的按键按下，但试验 2 无法访问该记录，因此不知道 T 是否按下。
现在，如果按住 T 键会为 T 自动重复按键事件，我不会有任何问题，因为试验 2 只会捕获 T 的下一个按键事件。但看起来我不会通过按住键自动重复 keydown 事件，至少在 Firefox 中是这样。据我所见，不同浏览器处理按住键的方式似乎有所不同。解决我的问题的跨浏览器的好方法是什么？
顺便说一下，如果这很重要，我还需要能够在所有这一切进行时检测其他键的 keyup 和 keydown 事件。
编辑:在阅读了一些评论后，我回过头来验证在一般情况下我确实会重复按键事件。但我真的没有在我需要它们的特定情况下得到它们。我有一些简单的代码，我认为可以隔离问题:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="target"></div>
</body>
<script type="text/javascript">
var i;
function foo() {
i++;
$('#target').html(i);
}
function doTrial() { // do trial
i=0;
$(document).keydown(foo);
$(document).keyup(endTrial);
}
function endTrial() { // end trial
$('#target').html('');
$(document).unbind('keydown',foo);
$(document).unbind('keyup',endTrial);
doTrial();
}
doTrial();
</script>
</html>
如果您按下并按住一个键，然后松开，然后再次按下，行为与预期一致，即有一个计数器在按住该键时递增，在松开时消失，然后再次开始递增再次按下时。
但是如果你按下两个键，然后释放一个，我会认为另一个(未释放)键会继续发送按键事件，以便计数器(在重置后)继续递增。事实上，这不会发生。知道为什么以及如何实现它吗？
最佳答案
在我尝试过的浏览器中，当按住可键入的键时，我会收到重复的 keydown 事件。我不知道这是否是您实际需要解决的问题。
但是，如果你确实认为你需要解决它或者如果你想自己控制重复率，你可以这样做:
此处的工作演示:http://jsfiddle.net/jfriend00/XbZYs/
var downTimer;
var lastKey;
$(document.body).keydown(function(e) {
// if not still the same key, stop the timer
if (e.which !== lastKey) {
if (downTimer) {
clearInterval(downTimer);
downTimer = null;
}
}
// remember previous key
lastKey = e.which;
if (!downTimer) {
// start timer
downTimer = setInterval(function() {
$("#result").append("+");
}, 125);
}
}).keyup(function(e) {
// stop timer
if (downTimer) {
clearInterval(downTimer);
downTimer = null;
lastKey = 0;
}
});
如果您希望某个键永远自动重复直到它被触发，即使同时按下和释放其他键并且您希望其他键执行它们自己的自动重复，那么操作系统不会执行该操作行为，因此您必须自己实现。你可以做这样的事情，它为每个按键重复事件调用一个回调函数:
工作演示:http://jsfiddle.net/jfriend00/aD3Eg/
// this is called for every manufactured repeat event
// the frequency of the repeat event is determined by the time value set
// on setInterval() below
function repeatCallback(key) {
$("#result").append(key + " ");
}
var repeatState = {};
$(document.body).keydown(function(e) {
var key = e.which;
// if no time yet for this key, then start one
if (!repeatState[key]) {
// make copy of key code because `e` gets reused
// by other events in IE so it won't be preserved
repeatState[key] = setInterval(function() {
repeatCallback(key);
}, 125);
} else {
// nothing really to do here
// The key was pressed, but there is already a timer
// firing for it
}
}).keyup(function(e) {
// if we have a timer for this key, then stop it
// and delete it from the repeatState object
var key = e.which;
var timer = repeatState[key];
if (timer) {
clearInterval(timer);
delete repeatState[key];
}
});
为所有这些制造的自动重复事件调用 repeatCallback 函数并传递自动重复的键。
关于javascript - 跨浏览器的方式来在按下键时自动重复 keydown 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14027818/
25
4
0
我试图在用户开始输入后将类(.active)添加到文本字段。我让它在某种程度上与以下代码一起工作，但由于某种原因，当用户开始键入时，.active 类不会立即应用，它仅在键入第二个字母后才应用。有什么
在 Mac 的 Chrome、Safari 和 Opera 上，正文实时绑定(bind)和文档 keydown 绑定(bind)均有效 $(document).ready(function() {
我使用 fancybox 来弹出表单，我的客户不希望背景应该滚动 Firefox 仍然允许用户通过箭头键滚动背景。 现在我阻止用户按箭头键直到弹出完整文档，但它也会停止我的表单中的相同按键。 这些选项
我有 UserControl 并面临 KeyDown 事件的问题。我的 UserControls 将显示反对撤销 Windows 窗体 keydown 事件，如下所示: 用户控件的事件: privat
我发现了很多相关问题(这里和其他地方)，但还没有具体找到这个问题。 我正在尝试监听箭头键 (37-40) 的按键事件，但是当以特定顺序使用箭头键时，后续箭头不会生成“按键”事件。 例子: http:/
JQuery 的“:not”选择器不会阻止要排除的类(装饰元素)触发 .keydown 事件。为什么？ 在以下代码中，当我按下 .newOwnerEntryInput 字段中的某个键时，我希望仅看到“
在测试环境中，将vue-test-utils更新到1.0.0-beta.26或更高版本后，keydown事件不再由keyCode触发，例如: Vue 脚本 public onKeydown
据我了解，当按下键盘按钮时，它应该为具有焦点的控件调用 KeyDown 事件。然后，父控件的 KeyDown，依此类推，直到到达主窗体。除非 - 沿着链条，其中一个 EventHandlers 做了:
在 IE11 中，触发 keydown 事件有一种奇怪的行为。 请使用以下网址重现: http://jsfiddle.net/marbug/79dz6ajz/ 有一个带有两个输入字段的表单:
我有一个带有 3 个 NSTableViews 和 1 个 NSCollectionView 的窗口。集合 View 显示图像。我希望能够选择其中一个图像并使用键盘删除键将其删除，但我无法让 coll
我有一个WinForms表单(C#/。Net)，它包含一个PictureBox，MenuStrip，Panel和两个Button控件。 我需要为整个窗口的箭头键检测KeyDown事件；即，当窗口位于前
我在使用 JQuery DataTable 捕获 keydown 事件时遇到问题。我的目标是允许用户使用箭头键导航表的行。因此，当用户按下箭头键时，我想捕获 keydown 事件并移动表的选定行(这是
我查看了一些相关问题，但没有一个能帮助我解决我的问题。 我有自己的从头开始构建的动态数据网格表单，可以在其中添加/删除数据行和字段列等。我正在尝试提高可用性，以便按回车键将创建一个新的字段列并且给予重
我试图通过按下来执行特定操作，例如空格键(任何地方)。在我的代码中，我有 AcceptFirstResponder 方法和 keyDown 方法，但我没有收到 NSLog 消息 代码如下: - (BO
我正在开发一个 Mozilla 插件，它将左侧的数字键替换为 Shift + 等效键。例如，如果您按 1，它将被替换为 '!'自动(特别适用于在线编译器)。这是代码 document.activeEl
我的表单具有以下语义结构 Sign Up Username
我正在尝试创建一个对象来处理用户的键盘输入。 var control = new Control (); function Control () { this.w = 0; this.
我编写了一个简单的代码，当按下某个键时，它应该改变框的可见性，但是出了问题，因为无论按下哪个按钮，它总是说它是错误的。 这应该只有在按下“f”键时才有效，现在根本不起作用...... const br
在我的代码中，用于提醒每个 keydown 事件上提交的所有文本区域行，但循环不起作用 function limitTextareaLine(e) { var textArray = $(this
我有一个用于捕获和注册箭头键输入的系统。它一直有效到一定程度。只要按下两个或更少的键，它就会正确记录同时按下多个键的情况。如果第三个或第四个按钮同时按下，它将停止触发按键事件。请参阅this jsFi
我是一名优秀的程序员,十分优秀！