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> 
  • 相关阅读:
    Ubuntu18.04 安装Redis
    前端周刊，给前端同学准备的每周1小时阅读清单
    如何开发第三方小程序组件
    奋斗路上的安全边际，程序员保险配置指南
    为了知道儿子到底胖不胖，做了一个婴幼儿成长标准计算小程序
    Vue组织架构图组件
    最好用的jQuery-Ajax缓存插件
    Vue-Access-Control：前端用户权限控制解决方案
    RESTful学习及应用
    纯前端实现人脸识别-提取-合成
  • 原文地址：https://www.cnblogs.com/umgsai/p/3908174.html
Copyright © 2011-2022 走看看