如何防止退格键在Edge浏览器中删除禁用textArea中的文本?

时间:2018-02-07 04:37:06

标签: html textarea microsoft-edge disabled-input backspace

Edge浏览器中似乎存在一个带有禁用textBoxes和textAreas的错误。 我在我的应用程序中遇到此问题,他们接受退格键(也是删除键)并删除文本!

我尝试在keydown和keypress中使用e.preventDefault(),但它没有用。

有关如何解决此错误的任何建议?

您可以在此处查看问题(在Edge上):

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea_disabled

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_text_disabled2

更新

此问题似乎已修复,但仍未根据此链接进行处理

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/13396475/

但现在这是我的解决方法:

使用某些css使其只读,以使其看起来禁用,并使用“return false;”防止浏览器转到上一页。

<textarea readonly onkeydown="return false;" style="background: #f1f1f1" >test .....</textarea>

1 个答案:

答案 0 :(得分:0)

此问题已在Edge浏览器中修复,如果需要,readonly解决方法也可能有用