1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    5. 

  5. <title>同步文本框内容的JS代码</title>
    6. 

  6. </head>
    7. 

  7. <body>
    8. 

  8. <script language="JavaScript" type="text/javascript">
    9. 

  9. function addEvent(eventHandler)
    10. 

  10. {
    11. 

  11. var tags = document.getElementsByTagName('input');
    12. 

  12. for(var i=0;i<tags.length;i++)
    13. 

  13. {
    14. 

  14. if(tags[i].getAttribute('url') == 'true')
    15. 

  15. {
    16. 

  16. if(tags[i].addEventListener)
    17. 

  17. {
    18. 

  18. tags[i].addEventListener('keyup',eventHandler,true);
    19. 

  19. }
    20. 

  20. else
    21. 

  21. {
    22. 

  22. tags[i].attachEvent('onkeyup',eventHandler);
    23. 

  23. }
    24. 

  24. }
    25. 

  25. }
    26. 

  26. }
    27. 

  27. function addInput(e)
    28. 

  28. {
    29. 

  29. var obj = e.target ? e.target : e.srcElement;
    30. 

  30. var tags = document.getElementsByTagName('input');
    31. 

  31. for(var i=0;i<tags.length;i++)
    32. 

  32. {
    33. 

  33. if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj)
    34. 

  34. {
    35. 

  35. tags[i].value = obj.value;
    36. 

  36. }
    37. 

  37. }
    38. 

  38. }
    39. 

  39. window.onload = function()
    40. 

  40. {
    41. 

  41. addEvent(addInput);
    42. 

  42. }
    43. 

  43. </script>
    44. 

  44. <p>
    45. 

  45. <input id="addr_more1" size="35" value="http://www." name="addr_more1" url="true" />
    46. 

  46. </p>
    47. 

  47. <p>
    48. 

  48. <input id="addr_more2" size="35" value="http://www." name="addr_more2" url="true" />
    49. 

  49. </p>
    50. 

  50. <p>
    51. 

  51. <input id="addr_more3" size="35" value="http://www." name="addr_more3" url="true" />
    52. 

  52. </p>
    53. 

  53. <p>
    54. 

  54. <input id="addr_more4" size="35" value="http://www." name="addr_more4" url="true" />
    55. 

  55. </p>
    56. 

  56. <p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
    57. 

  57. </body>
    58. 

  58. </html>

650) this.width=650;" border="0" alt="" src="http://img1.51cto.com/attachment/201203/105447605.png" />

同步文本框内容的JS代码的更多相关文章

  1. js监听文本框内容变化

    js监听文本框内容变化 原理很简单,就是在外部先声明一个用来记录input值的变量,然后每0.1秒比较这个值与input的值,如果发生改变,则运行自己的代码,同时改变变量.从而实现对input值改变的 ...

  2. JS实时检测文本框内容长度

    通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" on ...

  3. js获取子节点和修改input的文本框内容

    js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...

  4. JS事件 文本框内容改变事件（onchange）通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

    文本框内容改变事件(onchange) 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序. 如下代码,当用户将文本框内的文字改变后,弹出对话框"您改变了文本内容!&quo ...

  5. jQuery—— jQuery get方法+一般处理程序处理文本框内容

    网上常常看到这种交互方式,当去一个站点注冊username的时候,假设文本框内没有输入数据,或者数据输入的内容格式不正确.就会将文本框变成红色来提示你输入的内容有误. 自己将这个文本框验证的方式改变了 ...

  6. Input文本框属性及js

    <input id="txt_uname" maxlength="16" onblur="validata()" onkeyup=&q ...

  7. wxpython 支持python语法高亮的自定义文本框控件的代码

    在研发闲暇时间,把开发过程中比较重要的一些代码做个珍藏,下面的代码内容是关于wxpython 支持python语法高亮的自定义文本框控件的代码,应该是对大家也有用. import keywordimp ...

  8. python开发_tkinter_获取文本框内容_给文本框添加键盘输入事件

    在之前的blog中有提到python的tkinter中的菜单操作 python开发_tkinter_窗口控件_自己制作的Python IDEL_博主推荐 python开发_tkinter_窗口控件_自 ...

  9. 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)

    input 文本框内容改变,可以使用onchange或者onblur来判断,但onchange是在文本内容改变,然后失去焦点的时发生,onblur是在失去焦点时发生,不会自己去判断. 如: <i ...

随机推荐

  1. TinyFrame框架中的UOW使用方式纠正

    我自己的框架中,UOW是可以通过反射提取具体的Repository的,也可以调用Commit方法. 但是正确的应用方式应该是: Using(var uow = new UnitOfWork()) { ...

  2. 从0开始学Java——JSP&Servlet——如何在Eclipse中配置Web容器为tomcat

    windows- >Preferences -> Server->runtime Envirement ->Add 点击下一步,然后按照如下设置:  

  3. 利用javascript和WebGL绘制地球 【翻译】

    利用javascript和WebGL绘制地球 [翻译] 原翻译:利用javascript和WebGL绘制地球 [翻译] 在我们所有已知的HTML5API中,WebGL可能是最有意思的一个,利用这个AP ...

  4. CUDA编程学习（二）

    将数据加载到GPU后,如何在grid下的block进行并行计算(一个grid包含多个block) /****How do we run code in parallel on the device** ...

  5. 利用mstsc远程桌面传送文件，记录一下

    尼玛之前服务器上传有点异常,在服务器装了一个上传下载监控的软件,用的是什么 绿色版QQ流量监控,绿色是挺绿色的,装了就等哭吧.没时间打字反正就是删除不了,后来想办法删除了.艹.所有服务除了系统服务能上 ...

  6. 高层次综合（HLS）-简介

    本文是我近段时间的学习总结,主要参考了Xilinx的技术文档以及部分网上其他资料.文档主要包括ug998<Introduction to FPGA Design Using High-Level ...

  7. JavaScript实例---表格隔行变色以及移入鼠标高亮

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  8. cocos2d-x 3.0以上版本字体设置问题

    cocos2d-x中的万年大坑,字体总算是有比较好的结局办法了.之前都是CCLabelTTF,CCLabelBMFont,CCLabelAtlas什么的,我只想说一句:好难用!毕竟是做游戏,那么难看的 ...

  9. 深入学习JavaScript（一）

    1.全局变量与局部变量 全局变量:全局变量就是在函数的外部定义的一个在其他地方都可以调用的变量 局部变量:局部变量是相对于全局变量而言的,局部变量指的是在一个区域内存在这个变量 全局变量的创建原理是在 ...

  10. LINQ找出重复和不重复的元素及linq OrderBy 方法 两个字段同时排序有关问题

    //重复元素:3,4,5 //不重复元素:1,8,9 , , , , , , , , , , }; //不重复元素 var unique = arr.GroupBy(i => i) .Where ...