zoukankan      html  css  js  c++  java
  • 同步文本框内容的JS代码

    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> 

  • 相关阅读:
    经典论文翻译导读之《Finding a needle in Haystack: Facebook’s photo storage》
    Etcd源码解析(转)
    etcd集群故障处理(转)
    etcd集群部署与遇到的坑(转)
    LeetCode All in One 题目讲解汇总(转...)
    pyinstaller-python->exe
    3个方法解决百度网盘限速(转)
    Tensorflow 教程系列 | 莫烦Python
    分布式存储Seaweedfs源码分析
    解决Java Web项目中Word、Excel等二进制文件编译后无法打开的问题
  • 原文地址:https://www.cnblogs.com/umgsai/p/3908174.html
Copyright © 2011-2022 走看看