JS 코드 동기 화 텍스트 상자 내용 의 인 스 턴 스 방법

HTML 코드:

<html>
   <head>
     <script>
      //
      function synchronize(){
        document.getElementById('i1').value =document.getElementById('i2').value;
        //alert(" ");
     }
      //
      setInterval(synchronize,500);// , 0.5
      </script>
   </head>
   <body>
      , 。<br/><br/>
      :<input type="text"  size="45" id="i1" name="first"><br/><br/>
      :<input type="text"  size="45" id="i2" name="second">
   </body>
</html>
위의 HTML 코드 를 html 형식 파일 로 저장 하고 브 라 우 저 로 열 면 효 과 를 볼 수 있 습 니 다.메모:일부 브 라 우 저 는 안전 을 위해 로 컬 스 크 립 트 를 실행 하지 못 합 니 다."실행"을 누 르 면 됩 니 다.자 료 를 다시 찾 는 과정 에서 change 사건 만 처리 할 수 있 는 것 이 아니 라 다른 사건 도 처리 할 수 있 음 을 발견 했다.예 를 들 어 키 업 이벤트 등.여기에 또 다른 예 세 션 을 붙 여 주세요.

//
<input type="text" id="t1" value="" size="45" onchange="document.getElementById('t2').value=this.value" />
<input type="text" id="t2" value="" size="45" onchange="document.getElementById('t1').value=this.value" />
// , , .
<input type="text" id="t3" value="" size="45" onkeyup="document.getElementById('t4').value=this.value" />
<input type="text" id="t4" value="" size="45" onkeyup="document.getElementById('t3').value=this.value" />

좋은 웹페이지 즐겨찾기