크롬 플러그인 개발 (4) 실시간 모니터링 inpu

function input_filter(){
			var list=document.getElementById("q");//   input ID
		
	        var re_input =/select|update|delete|truncate|join|union|exec|insert|count|drop|script|'|"|;|>|
 
  

input , , , oninput 。

onchange onpropertychange:
    IE , HTML , onpropertychange 。
onchange (onblur) 。
    , oninput onpropertychange , , oninput JS , addEventListener 。( , js )






            onpropertychange  oninput

function immediately(){
var element = document.getElementById("mytext");
if("\v"=="v") {
element.onpropertychange = webChange;
}else{
element.addEventListener("input",webChange,false);
}
function webChange(){
if(element.value){document.getElementById("test").innerHTML = element.value};
}
}






JS :
immediately();

addeventListener의 사용 방법: target.addEventListener(type,listener,useCapture);target: 문서 노드, 문서, window, XMLHttpRequest.type: 문자열, 이벤트 이름, "on"을 포함하지 않습니다. 예를 들어 "클릭", "mouseover", "키다운"등입니다.listener: EventListener 인터페이스나 JavaScript의 함수를 구현했습니다.useCapture: 스냅을 사용할지 여부, 일반적으로false를 사용합니다.예: document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);

좋은 웹페이지 즐겨찾기