텍스트 상자 입력 수신

1120 단어 텍스트 상자
Firefox, Chrome, IE9, IE10은 모두 oninput 이벤트를 지원하고 그 밖에 모든 버전의 IE는 onpropertychange 이벤트를 지원합니다.
oninput 이벤트는 사용자 입력, 체크아웃 (백스페이스), 삭제 (delete), 커팅 (ctrl + x), 붙여넣기 (ctrl + v), 마우스 커팅 및 붙여넣기 (IE9에서 입력, 붙여넣기, 마우스 붙여넣기 시에만 터치합니다).
propertychange 이벤트는 사용자 입력, 체크아웃 (backspace), 삭제 (delete), 커팅 (ctrl + x), 붙여넣기 (ctrl + v), 마우스 커팅, 붙여넣기 (IE9에서 입력, 붙여넣기, 마우스 붙여넣기만 터치) (IE 지원) 를 사용합니다.
백스페이스, delete 두 버튼의 키코드는 각각 8, 46이다.
oncut 이벤트는 붙여넣기 (ctrl + v), 마우스를 붙여넣을 때 터치합니다.


var input = document.getElementById("test");
function fn() {
  //        
}

if(window.addEventListener) { //   W3C
  input.addEventListener("input", fn, false);
} else {
  input.attachEvent("onpropertychange", fn);

}

if(window.VBArray && window.addEventListener) { //IE9
  input.attachEvent("onkeydown", function() {
    var key = window.event.keyCode;
    (key == 8 || key == 46) && fn();//       

  });
  input.attachEvent("oncut", fn);//    
}

좋은 웹페이지 즐겨찾기