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 이벤트만 처리할 수 있는 것이 아니라 다른 이벤트도 처리할 수 있다는 것을 발견했다.예를 들어, keyup 이벤트 등입니다.여기에 또 다른 연례 부분을 붙여라.

//          
<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" />

JS 코드 동기화 텍스트 상자 내용

좋은 웹페이지 즐겨찾기