때로는 읽기 전용 텍스트 상자를 사용해야 하는 경우가 있는데, 오늘 읽기 전용 텍스트 상자에 결함이 있다는 것을 발견했습니다. 텍스트 상자에 마우스 포커스가 있을 때 백스페이스 키를 누르면 이전 페이지로 돌아갑니다. 문제 좀 귀찮네요. 사용자가 입력할 수 있는지 알 수 없습니다. 텍스트 상자를 보고 내용을 변경하려고 클릭하면 이전에 입력한 데이터가 모두 손실될 수 있습니다. 필요한 모든 사람을 위한 방법입니다. <script></script>를 삽입하면 원하는 대로 유지됩니다.
document.documentElement.onkeydown = function(evt ){
var b = !!evt, oEvent = evt || window.event;
if (oEvent.keyCode == 8) {
var node = b ? oEvent.srcElement;
var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i
if (!reg.test(node.nodeName) || !regType.test (node.type) || node.readOnly || node.disabled) {
if (b)
{
oEvent.stopPropagation()
else
{
oEvent .cancelBubble = true;
oEvent.keyCode = 0;
oEvent.returnValue = false;
}
}
}