입력 태그 내용 변경 시 이벤트 트리거 소개_javascript 기술

1. onchange 이벤트와 onpropertychange 이벤트의 차이점:

onchange 이벤트는 콘텐츠가 변경되고(두 콘텐츠가 동일할 수 있음) 포커스가 상실될 때 트리거됩니다. onpropertychange 이벤트는 실시간으로 트리거되며, 캐릭터가 추가되거나 삭제될 때마다 트리거됩니다. js 변경에 의해서도 트리거되지만 이 이벤트는 IE에만 ​​적용됩니다.

2. oninput 이벤트와 onpropertychange 이벤트의 차이점:

oninput 이벤트는 IE를 제외한 대부분의 브라우저에서 지원되는 이벤트입니다. 값이 변경되면 실시간으로 발생하지만, js를 통해 값이 변경되면 발생하지 않습니다. onpropertychange 이벤트는 속성 변경에 의해 발생합니다. 단, oninput은 값이 변경될 때만 발생하며, oninput은 addEventListener()를 통해 등록해야 하며, onpropertychange 등록 방법은 일반 이벤트와 동일합니다.

3. oninput 및 onpropertychange가 실패하는 경우:

입력 이벤트:

(1) 스크립트에서 값이 변경되면 트리거되지 않습니다.

(2) 브라우저의 자동 드롭다운 프롬프트에서 선택하면 실행되지 않습니다.

속성 변경 이벤트:

입력이 비활성화=true로 설정되면 트리거되지 않습니다.