> 웹 프론트엔드 > JS 튜토리얼 > Node.js는 읽기 전용 텍스트 상자에 focus_javascript 팁이 추가되면 백스페이스 키를 비활성화합니다.

Node.js는 읽기 전용 텍스트 상자에 focus_javascript 팁이 추가되면 백스페이스 키를 비활성화합니다.

WBOY
풀어 주다: 2016-05-16 18:28:45
원래의
1019명이 탐색했습니다.

때로는 읽기 전용 텍스트 상자를 사용해야 하는 경우가 있는데, 오늘 읽기 전용 텍스트 상자에 결함이 있다는 것을 발견했습니다. 텍스트 상자에 마우스 포커스가 있을 때 백스페이스 키를 누르면 이전 페이지로 돌아갑니다. 문제 좀 귀찮네요. 사용자가 입력할 수 있는지 알 수 없습니다. 텍스트 상자를 보고 내용을 변경하려고 클릭하면 이전에 입력한 데이터가 모두 손실될 수 있습니다. 필요한 모든 사람을 위한 방법입니다. <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;
}
}
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿