ตัวอย่างในบทความนี้แบ่งปันรหัสกล่องข้อความซิงโครนัสสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ภาพประกอบ 1
<html> <body> <script language = "javascript" type = "text/javaScript"> ฟังก์ชั่น addEvent (eventHandler) {var tags = document.getElementByTagname ('อินพุต'); สำหรับ (var i = 0; i <tags.length; i ++) {ถ้า (แท็ก [i] .getAttribute ('url') == 'true') {ถ้า (แท็ก [i] .addeventListener) {แท็ก [i] .addeventListener ('keyup' } else {tags [i] .attachevent ('onkeyup', eventhandler); }}}} ฟังก์ชั่น addInput (e) {var obj = e.target? E.Target: E.Srelement; var tags = document.getElementsByTagname ('input'); สำหรับ (var i = 0; i <tags.length; i ++) {ถ้า (แท็ก [i] .getAttribute ('url') == 'true' && tags [i]! = obj) {tags [i] .value = obj.value; }}} window.onload = function () {addEvent (addInput); } </script> <p> <อินพุต id = "addr_more1" size = "35" value = "" name = "addr_more1" url = "true"/> </p> <p> <อินพุต id = "addr_more2" size = "35" value = "" name = "addr_more2 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! = "") {สำหรับ (var i = 3; i <6; i ++) $ ("#nm"+i+""). val (name2); }} </script> </head> <body> <input type = "text" id = "nm1" value = ""/> <อินพุต type = "text" id = "nm2" value = "/> <อินพุต type =" text "id =" nm3 "value =" onkeyup = "getNm (this.id) onkeyup = "getNm (this.id)"/> <อินพุต type = "text" id = "nm5" value = "" onkeyup = "getNm (this.id)"/> </body> </html>ต้องอ้างถึง <script type = "text/javascript" src = "jQuery-1.4.4.min.js"> </script>
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น