element 비활성화 (readonly, disabled, pointer-events)

1. readonly

 <input>태그의 속성

$("#targetInput").prop("readonly", ture);

 

2. disabled

 <input>태그의 속성

기본적으로 inputbox의 css가 회색으로 변함

form을 제출할 때 disabled속성을 가진 태그 값은 전송되지 않는다

$("#targetInput").prop("disabled", ture);

 

3. pointer-events

<input>태그가 아닌 요소의 mouse이벤트를 막을 때 사용.

$("#divId").css("pointer-events", "auto");
$("#divId").css("pointer-events", "none");

 

테스트 코드

See the Pen Untitled by shumm-ni (@shumm-ni) on CodePen.