在只读文本框 mvc4 razor 中禁用退格返回上一页答案

【问题标题】：Disable backspace returning to previous page in readonly textbox mvc4 razor在只读文本框 mvc4 razor 中禁用退格返回上一页
【发布时间】：2014-10-20 14:16:51
【问题描述】：

我有一个日期选择器字段设置为只读。我不希望用户输入日期，而是只从日历中选择它们。这工作正常。但是，当我在这个只读字段中按退格键时，它会重定向到上一页。我想停止此功能。

我已经在日历上添加了一个“清除”按钮，用于清除目的。但是，当我仍然在这个只读字段中选择所有（日期）并尝试清除（即退格）时，它会执行上述操作。任何帮助将不胜感激！

【问题讨论】：

检查this是否有帮助
@tweray：从技术上讲，这是行不通的，因为它明确排除了输入和文本区域，因此您仍然可以在那里进行退格操作。在这里，OP 的问题在于 within 这个只读输入的退格。

标签： asp.net-mvc razor textbox readonly

【解决方案1】：

以下内容在我的测试中似乎有效，并且您只会在以这种方式实际输入时防止退格键返回浏览器，而不是全局破坏整个页面的快捷方式。

$('input[readonly]').on('keydown', function (e) {
    if (e.which === 8) {
        e.preventDefault();
    }
});

【讨论】：