现在的位置: 首页 > 综合 > 正文

同步文本框内容的JS代码

2017年12月19日 ⁄ 综合 ⁄ 共 1777字 ⁄ 字号 评论关闭
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>同步文本框内容的JS代码</title> 
  6. </head> 
  7.  
  8. <body> 
  9. <script language="JavaScript" type="text/javascript"> 
  10.     function addEvent(eventHandler) 
  11.     { 
  12.         var tags = document.getElementsByTagName('input'); 
  13.         for(var i=0;i<tags.length;i++) 
  14.         { 
  15.             if(tags[i].getAttribute('url') == 'true') 
  16.             { 
  17.                 if(tags[i].addEventListener) 
  18.                 { 
  19.                     tags[i].addEventListener('keyup',eventHandler,true); 
  20.                 } 
  21.                 else 
  22.                 { 
  23.                     tags[i].attachEvent('onkeyup',eventHandler); 
  24.                 } 
  25.             } 
  26.         } 
  27.     } 
  28.     function addInput(e) 
  29.     { 
  30.         var obj = e.target ? e.target : e.srcElement; 
  31.         var tags = document.getElementsByTagName('input'); 
  32.         for(var i=0;i<tags.length;i++) 
  33.         { 
  34.             if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj) 
  35.             { 
  36.                 tags[i].value = obj.value; 
  37.             } 
  38.         } 
  39.     } 
  40.     window.onload = function() 
  41.     { 
  42.         addEvent(addInput); 
  43.     } 
  44. </script> 
  45.  
  46. <p> 
  47.   <input id="addr_more1" size="35" value="http://www." name="addr_more1" url="true" /> 
  48. </p> 
  49. <p> 
  50.   <input id="addr_more2" size="35" value="http://www." name="addr_more2" url="true" /> 
  51. </p> 
  52. <p> 
  53.   <input id="addr_more3" size="35" value="http://www." name="addr_more3" url="true" /> 
  54. </p> 
  55. <p> 
  56.   <input id="addr_more4" size="35" value="http://www." name="addr_more4" url="true" /> 
  57. </p> 
  58. <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p> 
  59. </body> 
  60. </html> 

 

 

抱歉!评论已关闭.