jquery - 在不更改样式的情况下禁用文本框？

Question

如何在不让浏览器更改文本框的视觉外观的情况下禁用 HTML 文本框？

我们使用 JQuery 禁用:$(".datepick").attr('readonly', 'readonly');

工作正常，但在 Firefox 中，文本框显示为灰色背景和粗边框。我们希望防止这种情况发生。

我们这样做的原因是将 JQuery 日期选择器文本框设置为只读(因此用户必须使用日历弹出区域)。

Answer 1

您可以通过模糊 focus 上的文本输入来做到这一点:

$('.datepick').focus(function(){
    this.blur();
});

或者，您可以在输入中禁用文本输入:

$('.datepick').keydown(function(e){
    e.preventDefault();
});