크롬 플러그인 개발 (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);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Chrome: 구글 플러그인 사용자 정의 오른쪽 단추 메뉴전에 인터넷에서 강좌를 찾았는데 이 안의 코드가 잘 작동하지 않는 것을 발견했습니다. 오류: Unchecked runtime.lastError: Extensions using event pages must pass ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.