각 입력 입력이 올바른지 확인하세요. 한자 입력_양식 특수 효과가 발생하면 문제가 발생합니다.-JS 튜토리얼-php.cn

정보를 기록하고 며칠 내에 테스트한 후 결과를 게시하세요

코드 복사 코드는 다음과 같습니다. document.getElementById('xx').attachEvent('onpropertychange',function(o){alert('ok')}); //- -> &lt ;/script> 위 코드를 실행하고 입력 상자를 클릭하면 값을 입력해도 이 이벤트가 트리거된다는 것을 알 수 있습니다. 속성 값이 수정되는 한 이 이벤트가 트리거됩니다.

둘째, 이제 이 기능을 발견했으므로 문제가 발생합니다. 때로는 입력 상자의 값이 변경될 때 함수 작업을 수행하려는 경우 사용자 정의 속성도 수정해야 합니다. 따라서 onpropertychange는 두 번 실행되며 이는 우리가 원하는 것이 아닐 수도 있습니다. 그런 속성이 제공되기 때문에 어떤 속성이 변경되었는지 알 수 있을 것 같아요. 매개변수의 수와 그 내용을 알아보세요.

코드 복사 코드는 다음과 같습니다. document.getElementById('xx').attachEvent('onpropertychange',function(){ alert(arguments.length); for(var i=0;i alert (arguments[i]); } }) //-> 위 코드를 실행하세요. 그러면 1과 [object] 팝업이 표시되는데, 이는 이벤트가 하나의 매개변수만 콜백 함수에 전달하고 객체 유형임을 보여줍니다. 그럼 이 객체를 순회해 보겠습니다.

코드 복사 코드는 다음과 같습니다. document.getElementById('xx').attachEvent('onpropertychange',function(o){ for(var item in o){ alert(item ":" o[item]); } }); //--> 실행해 보면 여러 가지 속성이 있음을 알 수 있습니다. 다음과 같은 속성을 찾을 수 있습니다: propertyname, 나는 모든 사람이 이 속성의 의미를 추측할 수 있다고 믿습니다. 예, 이는 수정된 속성을 가져오는 데 사용됩니다.

코드 복사 코드는 다음과 같습니다. document.getElementById('xx').attachEvent('onpropertychange',function(o){ alert(o.propertyName); }) //-> ;/script&gt ;

텍스트 상자를 클릭하고 각각 값을 입력하면 각각 myprop과 value가 나타나는 것을 확인할 수 있습니다.

우리가 시작한 문제로 돌아가서 값이 변경되었는지 여부만 확인하면 됩니다. 코드 직접 보기:

코드 복사 코드는 다음과 같습니다. &lt ;input type="text" value="xxx" id="xx" onclick="this.myprop='xx'"> document.getElementById('xx').attachEvent('onpropertychange',function(o){ if(o.propertyName!='value')return; //If 값이 변경되지 않으면 다음 작업이 실행되지 않습니다. Operation //.....함수 처리 }) >

3. FF에서 onPropertyChange와 유사한 효과를 지원하도록 합니다

이전에 입력 상자에 대한 실시간 확인을 수행한 적이 있습니다. 예를 들어 숫자만 입력할 수 있지만 사용자는 문자를 입력합니다. 이때 사용자는 값이 빨간색으로 변하거나 텍스트 영역 텍스트 필드에 나머지 입력 문자를 입력하라는 메시지가 표시되는 문제가 발생했습니다. IE에서는 정상이지만 아무런 효과가 없습니다. on FF~~~

그래서 인터넷에서 가능한 방법을 찾았습니다~~ Firefox에는 onPropertyChange와 동일한 효과를 갖는 oninput 이벤트가 있으므로 oninput과 onPropertyChange를 동시에 추가하면 문제가 해결됩니다~~ ~ 아....