이 기사의 예제는 참조를 위해 JS 동기 텍스트 상자 내용의 JS 코드를 공유합니다. 특정 내용은 다음과 같습니다
그림 1
<html> <hod> <script language = "javaScript"type = "text/javaScript"> function addEvent (eventHandler) {var tags = document.getElementsByTagName ( 'input'); for (var i = 0; i <tags.length; i ++) {if (tags [i] .getAttribute ( 'url') == 'true') {if (tags [i] .addeventListener) {tags [i] .addeventListener ( 'keyup', eventhandler, true); } else {tags [i] .attachevent ( 'onkeyup', eventhandler); }}}} 함수 addInput (e) {var obj = e.target? E.Target : e.srcelement; var tags = document.getElementsByTagName ( 'input'); for (var i = 0; i <tags.length; i ++) {if (tags [i] .getAttribute ( 'url') == 'true'&& tags [i]! = obj) {tags [i] .value = obj.value; }}} window.onload = function () {addevent (addInput); }. size = "35"value = ""name = "addr_more3"url = "true"/> </p> <p> <입력 id = "addr_more4"size = "35"value = ""name = "addr_more4"url = "true"/> </p> </body> </html>그림 2
<html> <head> <script type = "text/javaScript"src = "jQuery-1.4.4.min.js"> </script> <script type = "text/javaScript"> 함수 getnm (id) {var name2 = $ ( "#"+id+""). if (name2! = "") {for (var i = 3; i <6; i ++) $ ( "#nm"+i+""). val (name2); }}} </script> </head> <body> <입력 유형 = "text"id = "nm1"value = ""/> <입력 유형 = "text"id = "nm2"value = ""/> <입력 유형 = "텍스트"id = "nm3"value = "onkeyup ="get.id) "id id id"id "id"id ""nm4 "" ". onkeyup = "getnm (this.id)"/> <입력 유형 = "text"id = "nm5"value = ""onkeyup = "getnm (this.id)"/> </body> </html><script type = "text/javaScript"src = "jQuery-1.4.4.min.js"> </script>를 인용해야합니다
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.