在MVC4 Razor中，如何禁用只读文本框的退格键返回上一页功能？

Question

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

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

- New2This

---

请检查此链接是否有帮助：https://dev59.com/6mgu5IYBdhLWcg3wv5Ya - tweray

@tweray：从技术上讲，那样做行不通，因为它明确地排除了输入和文本区域，以便您仍然可以在那里执行退格操作。在这里，OP的问题是在只读输入框内进行退格操作。 - Chris Pratt

Answer 1

经过我的测试，以下方法似乎有效，并且只在实际输入时防止了退格键返回浏览器，而不是全局地破坏整个页面的快捷方式。

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

- Chris Pratt