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

你总是可以只保持输入字段只读输入。

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

Answer 3

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

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

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

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

输入只读退格问题

5 个答案: