keypress와 달리 이 이벤트는 사용자가 시각적 문자를 입력할 때만 트리거되는 반면, keypres 이벤트는 키(예: CapsLock, Backspace)를 누르고 있는 동안 트리거됩니다. textInput은 주로 문자를 고려하는 것을 볼 수 있는데, 이벤트 객체의 data 속성을 통해 입력된 문자를 얻을 수 있습니다. 예 <title>DOM3 이벤트 텍스트 입력</title> <input id="ipt" type="text"> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] function addEvent(el,type,fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.attachEvent('on' + type, fn); } } var ipt = document.getElementById('ipt'); addEvent(ipt,'textInput',function(e){ e = e || window.event; console.log(e.data); }); 현재 IE9, Chrome, Safari만 지원합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
