텍스트 상자 및 아래 상자에disabled를 설정한 후 글꼴 색상을 변경합니다

1232 단어 웹 프런트엔드
아날로그 구현disabled 속성

	
		disabled 		
	
	
	   function init(){
	      readOnlySelect(document.getElementById("readOnlyResType"));
	   }
	   function readOnlySelect(obj){
			obj.onfocus = function(){
				return this.blur();
			}
			obj.onmouseover = function(){
				return this.setCapture();
			}
			obj.onmouseout = function(){
				return this.releaseCapture();
			}
	 }
		
	
		
		
		
		
	
	

readOnly를 사용한 후 Backspace 키를 누르면 이전 단계까지 실행됩니다.js를 통해 금지할 수 있습니다.
function document.onkeydown() {
        if (event.keyCode == 8) {  //alert(document.activeElement.type);
            if (document.activeElement.type.toLowerCase() == "textarea" || document.activeElement.type.toLowerCase() == "text") {
                if (document.activeElement.readOnly == false)
                    return true;
            }
            return false;
        }
    }

좋은 웹페이지 즐겨찾기