个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在使用 Javascript/JQuery 创建一个基于 Web 的实验，它要求用户通过按某些键而不是其他键来给出响应。如果他们按错了键，他们应该会收到一个警告弹出窗口，告诉他们他们按错了键。显示警报时，实验应停止等待下一次按键，但一旦警报被解除，就会返回等待。
我遇到的问题是，如果通过按 ENTER 键解除警报，它似乎已被键事件处理程序注册，从而触发另一个警报(因为 ENTER 不是允许的键之一)，尽管我认为我以这样一种方式编写它，即在解除警报之前不应调用键事件处理程序。我的问题是，如何确保用于解除警报的 ENTER 按键不会被随后调用的事件处理程序接收到？
这是一些代码:
function waitForKeypress( permittedKeys, callbackFn ) {
returnFn = function(e) {
$(document).unbind('keyup',returnFn);
if ( permittedKeys.indexOf( e.which )!=-1 ) {
callbackFn( { "success": true, "value": e.which } );
} else {
callbackFn( { "success": false } );
}
}
$(document).keyup( returnFn );
}
var callback = function(data) {
if ( data.success ) {
goDoOtherStuff();
} else {
alert( "error message" );
waitForKeyPress( permittedKeys, callback );
}
}
waitForKeyPress( permittedKeys, callback );
我应该解释一下，我认为用于解除警报的 ENTER 按键不会被 waitForKeyPress 中的事件处理程序接收到的原因是(我认为)只要显示警报，Javascript 就应该停止执行，因此回调函数内的 waitForKeyPress 调用不应关闭，直到警报被解除，也就是说，在 ENTER 键被释放之后。
(我实际的 waitForKeyPress 比上面的更复杂 - 它等待成对的按键，只允许某些对，这就是为什么我需要首先将它作为一个单独的函数的原因。我不不过，我认为我删除的内容与我的问题有关。)
编辑:一些人认为这可能与事件处理程序未正确解除绑定(bind)有关。我确定这不是问题所在。这是一个更简洁的示例，事件处理程序甚至在警报之后才被绑定(bind)，但同样的问题出现了:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
alert( "Hello world" );
$(document).keyup( function() { alert( "Goodbye cruel world." ) } );
</script>
</html>
按 ENTER 关闭 Hello World 会立即调用 Goodbye cruel world。
最佳答案
在显示警报之前取消绑定(bind) keyUp
编辑#1
我在 Safari 6 OS X 10.7 上尝试了您编辑的示例代码。
你是对的。
发生这种情况是因为当 Return keydown 发生时，标准按钮(例如警报对话框的“确定”)具有等效键“Return”(我的意思是按钮)被按下。换句话说，当用户按下 return 并且不等待 Return 被释放时，对话框被关闭。
所以用户按下“Return”，对话框被关闭，keyup 被绑定(bind)，用户释放“Return”，事件被触发。
您可以通过不同的方式解决此问题。
更简单的方法(如果它符合您的需要)是绑定(bind) keydown 而不是 keyup
alert( "Hello world" );
$(document).keydown( function() { alert( "Goodbye cruel world." ) } );
否则您可以检查按下的是什么键并忽略“Return”。
请记住，按下 CMD(例如，如果用户想使用 CMD-W 关闭窗口)、箭头键(如果内容大于视口(viewport)，通常允许用户滚动窗口)也会触发 keydown等
因此，如果您坚持使用 keyup 或切换到 keydown，则某种过滤是合适的。
希望对你有帮助
关于Javascript:如何防止用于解除警报的按键触发按键事件处理程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14656478/
25
4
0
我正在尝试将字符串转换为 float 。我知道 parseFloat() 可以做到这一点，但我也找到了下面的语法，但没有太多引用。 什么是正确的语法，因为它们似乎都有效。我可以在哪里了解更多相关信息？
我见过一些看起来很酷的“窗口”/“警报”/不管它们叫什么。我希望我知道。以下是其中的一些示例: 这些不应该是 Apple 独有的，因为我已经看到 3rd 方应用程序使用它们!我想知道这些 window
这个问题已经有答案了: What is the difference between a function call and function reference? (6 个回答) 已关闭 7 年前。
alert('test1'); var re = new RegExp("(http://(?:[A-Za-z0-9-]+\\.)?[A-Za-z0-9-]+\\.[A-Za-z0-9-]+/?)",
我有一个 Rails 应用程序，它与其他 Rails 应用程序通信以进行数据插入。我使用 jQuery $.post 方法进行数据插入。对于插入，我的其他 Rails 应用程序显示 200 OK。但在
我的作业有问题...我不知道我的代码有什么问题..我的作业是创建一个简单的学习数学和级别选择......我使用下拉菜单来选择级别和算术运算......现在我的问题是，当我单击按钮时，它将转到函数sta
我有一些复选框，其值属性来自数据库。我希望用户始终检查具有相同值的复选框(如果他不使用 javascript 发出警报)。我尝试使用以下 javascript 代码执行此操作，但没有用 fu
这有点难以解释，我的网站上有一个幻灯片形式的多部分表单。他们必须使用单选按钮从 3/4 选项中进行选择。 我对它们进行了一些验证，以确保用户在允许转到下一张幻灯片之前选择一个。 如果我单击一个对象来选
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 5 年前。 Improve this ques
我的页面上有一个click链接，我想在单击时播放通知或提示音。我如何使用jQuery做到这一点？ 在此先感谢... :) 炸药 最佳答案 使用 jQuery sound 插件。 关于javascrip
我正在尝试在 Excel 列中创建 VBA -Alert 弹出窗口。在基于某些计算的 Excel 工作表中，将计算一些增长％(H 列)，如果增长％> 20％，则会生成一个警报弹出窗口，询问原因代码，需
当用户滚动到网页的特定部分时，如何使用 JavaScript 显示警报。我尝试通过检查 document.body.clientWidth = document.documentElement.cli
我正在尝试制作一个脚本，其中会弹出一个提示窗口询问问题，并根据其中的答案，会弹出一个警告框，指出答案有效或无效。在我的代码中，我的提示框有效，但我的警报框没有。有人可以帮我解决这个问题吗？非常感谢!!
我正在尝试 Grafana 的警报和通知功能，它看起来真的很棒。 松弛通知示例。 但是有一个大问题。它需要使用 S3 进行配置，这使得任何人都可以公开访问图像。对于那些不希望公开访问其图像的公司来说，
我想知道是否有任何方法可以在 adobe reader 中通知用户pdf 表单已提交到服务器？我正在提交一个正常的 http/html 形式到 php 脚本没什么大不了的，直接，但文档、论坛等似乎存在
在 TFS 中构建失败后，是否可以通过电子邮件获取构建成功的信息？ 当构建失败时(我确实如此)，我可以收到电子邮件。当构建成功时，我可以收到电子邮件。 但我需要知道构建不再失败。如果我收到构建失败的电
我需要一些帮助来理解 jQuery 如何存储元素。请看一下这个链接: http://jsfiddle.net/NubWC/ 我试图从所有具有特定类的标题标签中获取元素 id，并将其放入数组中，以便我可
我想做 alert(this) 来进行演示(想看看代码中不同位置的“this”是什么)。 有什么想法可以实现这一目标吗？ 现在它只返回[object Object]？ 最佳答案 这样做: consol
当出现警告框时，有什么方法可以阻止 Enter 键盘吗？因此用户需要按 Esc 键或单击 Ok 按钮来删除警报。 alert('Hello'); 最佳答案 正如我之前的评论所述，标准的 javas
我正在尝试在 javascript 中创建一个函数并传入参数“name”，然后当用户点击一张照片时，会出现一条警告，类似于“这张照片是在 ____ 拍摄的” function photoWhere
我是一名优秀的程序员,十分优秀！