在JQuery ui datepicker中禁用Enter键 [英] Disable enter key in JQuery ui datepicker
问题描述
JQuery UI日期选择器似乎存在一个错误,当用户手动输入日期并按Enter键时,日期选择器将关闭,但焦点将停留在该字段上,因此日历将不会再次打开,直到文本框失去焦点并获得它为止再次. 如何抑制Enter键的行为?还是对于这个看似已知的错误还有其他已知的解决方案吗? 谢谢!
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中禁用Enter键的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!