输入只读退格问题

Question

在我的input元素中,当我导航到元素并使用键盘输入退格键时,它导航到上一页,当我设置输入时readonly.

我的代码如下.请分享您的知识.

<div class="div1">
    <label class="div1" for="inputfor">cash:</label>
    <input type="text" id="cashinput" readonly="readonly" />
</div>

Answer 1

我知道这个问题是在2年前被问到的.由于我有一个适合我的解决方案,我很想与大家分享.

修复很简单:

<input type="text" onkeydown="event.preventDefault()" readonly="readonly"/>

event.preventDefault()将阻止退格离开页面,您也可以选择和复制文本.

谢谢.

Answer 2

对于具有只读属性的输入，这是预期且正确的行为。

具有此属性的输入无法修改，只能查看，您可以通过 Tab 键和复制来访问内容，但仅此而已。

如果不需要，请删除只读属性。