onpropertychange 및 oninput 이벤트를 사용하여 javascript development_jquery에서 onchange 이벤트의 단점을 해결합니다.

onchange는 텍스트 상자 입력 상자에 사용될 때 명백한 단점이 있습니다. 텍스트 입력으로 이벤트가 트리거되지 않지만 텍스트 상자가 포커스를 잃을 때(onblur) 즉, 즉시성이 없습니다. !

IE에서는 onpropertychange를 사용하여 텍스트 상자에 변경 사항이 있는 경우 가 이벤트를 즉시 실행할 수 있습니다.

이렇게 하면 문제가 해결됩니다.

다른 브라우저는 어떻습니까? onpropertychange는 IE의 특허입니다. 다음은

oninput 이벤트입니다.

그러나 oninput에는 이상한 점이 있습니다. 이벤트를 바인딩하려면 addEventListener를 사용해야 합니다.

좋아요, 다음은 시연 예입니다. 주류 브라우저에서는 문제가 없습니다.

koyoz.com의 onchange 이벤트 단점을 해결하기 위해 onpropertychange, oninput 이벤트를 사용하세요<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> <style type="text/css"> *{font-size:14px;font-family:'Comic Sans MS', Verdana} body {margin-left:20px} </style> onchange