在 JQuery ui datepicker 中禁用输入键 [英] Disable enter key in JQuery ui datepicker

问题描述

JQuery UI 日期选择器似乎有一个错误，当用户手动输入日期并按回车键时，日期选择器关闭但焦点仍停留在该字段上，因此日历不会再次打开，直到文本框失去焦点并获得它再次.如何抑制回车键行为?或者对于这个看似已知的错误还有其他已知的解决方案吗?谢谢！

There seems to be a bug with JQuery UI datepicker, when user manually enters a date, and hits enter, the datepicker closes but focus stays on the field and therefor calendar won't open again until the textbox loses focus and gets it again. How can I supress the enter key behavior? Or are there any other known solutions for this seemingly known bug? Thanks!

编辑

在对此进行了更多研究之后，这是我想出的解决方案:

After working on this a bit more, this is the solution I came up with:

$('#someid').bind('keydown', function(event) {

    if (event.which == 13) {var e=jQuery.Event("keydown");
                    e.which = 9;//tab 
                    e.keyCode = 9;
                    $(this).trigger(e);
                    return false;
                }
            });

Tab 键运行良好，可防止日期选择器的 Enter 键事件的默认行为，例如在某些情况下选择今天的日期.

The tab key works well and prevents the default behavior of the datepicker's enter key event like selecting today's date in certain cases.

推荐答案

试试这个

$(document).keydown(keyDownHandler); // use appropriate selector for the keydown handler

function keyDownHandler(e) {
    if(e.keyCode === 13) {
        e.stopPropagation();
        e.preventDefault();

        return false;
    }
}

e.stopPropagation 防止冒泡，e.preventDefault 防止默认行为，我认为返回 false 也可以.

e.stopPropagation prevents bubbling, e.preventDefault prevents default behaviour and returning false does too, I think.

您应该看看什么最有效:keyUp、keyDown 或 keyPress.

You should have a look what works best: keyUp, keyDown or keyPress.

这篇关于在 JQuery ui datepicker 中禁用输入键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！