输入只读退格问题

Question

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

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

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

Answer 1

这是具有readonly属性的输入的预期和正确行为。

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

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

Answer 2

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

修复很简单：

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

event.preventDefault（）将阻止退格离开页面，您也可以选择和复制文本。

谢谢。

Answer 3

您可以始终只保持输入字段只读取输入。

<div class="div1">
    <label class="div1" for="inputfor">cash:</label>
    <input type="text" id="cashinput" onkeydown="return false;" readonly="readonly"/>
</div>​​​​​​​​​​​​​​​

Answer 4

这条线帮了我：

onkeydown="if(this.readOnly) event.preventDefault();"

Answer 5

如果你因为location.href =“new / page / url”而在页面中;

请改用location.replace（“new / page / url”）。

location.href =“new / page / url”; //加载新页面并将当前页面保存为IE中的历史记录

请参阅https://developer.mozilla.org/en-US/docs/Web/API/Location