jQuery BlockUI : Is it possible to run a function after a user hits the "enter" key?

标签 jquery keyboard-shortcuts modal-dialog jquery-blockui

我正在尝试创建一个非常小且简单的模式对话框,仅显示文本区域。

目标:

  • 如果用户按下“esc”键,它就会消失(并且文本输入将被忽略)
  • 如果用户输入文本并按下“enter”键,则会运行接受输入的函数(称为“postText(userinput)”)

我想知道是否可以使用 jQuery BlockUI:http://malsup.com/jquery/block/#demos .

但是,我不确定如何实际关闭基于 esc 的对话框,或者在用户按 Enter 键时运行函数。

任何帮助将不胜感激!

最佳答案

尝试这样的事情;

$('#txtValue').keyup(function(e) {
    e.preventDefault();

    if (e.keyCode === 13) {
        // The Enter key was pressed
        postText($(this).val());   
    }
});

您应该如何使用 form.submit 事件而不是监听 enter 键。

if (e.keyCode === 27) {
    // The Esc key was pressed
    $('#dialog').hide();
}

另请参阅这些内容以获取更多信息;

https://stackoverflow.com/search?q=javascript+esc+key

https://stackoverflow.com/search?q=javascript+enter+key

关于jQuery BlockUI : Is it possible to run a function after a user hits the "enter" key?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11721144/

相关文章:

.net - 以与 NSWindow 相同的方式显示 WPF 模式窗口/对话框/面板,可以像 Cocoa 中的工作表一样显示

javascript - 外部文件中未触发点击事件

jquery - 使用 jQuery 触发 Click 事件

qt - QProgressDialog 不立即显示

keyboard-shortcuts - 键盘快捷键 - 在 PyCharm 中导入所有缺失的模块

linux - 试图用自动键模拟 shift+end

javascript - 阴影 Bootstrap 框对话框

javascript - 带有 colspan/rowspan 的表 cellIndex 和 rowIndex

javascript - selectionStart-End with textareas

xcode - 当我使用命令(ctrl)单击 eclipse 中的方法时,它会打开 xcode