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. struct2cell

    函数功能:把结构体转换为元胞数组. 语法格式: c = struct2cell(s) 如果s是m*n(m行n列)的二维的结构体数组,每个结构体含有p个域,则转换得到一个p*m*n的元胞数组c. 如果s ...

  2. Linux第八次学习笔记

    系统级I/O 输入/输出(I/O)是在主存和外部设备之间拷贝数据的过程. 输入操作是从I/O设备拷贝数据到主存. I/O→主存 输出操作是从主存拷贝数据到I/O设备. 主存→I/O Unix I/O ...

  3. Opencv step by step - 配置文件

    有时候,我们需要用配置文件存储一些图像或者视频的信息. 先来一个简单的例子: #include <cv.h> #include <highgui.h> int main(int ...

  4. 6.HBase In Action 第一章-HBase简介（1.2 HBase的使用场景和成功案例）

    Sometimes the best way to understand a software product is to look at how it's used. The kinds of pr ...

  5. Object C学习笔记19-枚举

    一. 枚举类型 枚举类型是一个基本类型,不能再分为为任何其他的类型.在一般的编程语言中都有枚举(enum)这种数据结构类型.枚举类型主要用于将一个变量限定在特定的范围内.比如一周有七天,那么一周的值就 ...

  6. [USACO2005][poj2229]Sumsets（递推）

    http://poj.org/problem?id=2229 分析: 显然的递推 若n为奇数,那么肯定是在n-1的基础上前面每个数+1,即f[n]=f[n-1] 若n为偶数 当第一位数字是1的时候,等 ...

  7. 2012杀毒软件排行榜TOP10强

    2012杀毒软件排行榜TOP10强 1:avast!杀毒软件       来自捷克的avast!,已有数十年的历史,它在国外市场一直处于领先地位.avast!分为家庭版.专业版.家庭网络特别版.和服务 ...

  8. WordPress 插件机制的简单用法和原理（Hook 钩子）

    WordPress 的插件机制实际上只的就是这个 Hook 了,它中文被翻译成钩子,允许你参与 WordPress 核心的运行,是一个非常棒的东西,下面我们来详细了解一下它. PS:本文只是简单的总结 ...

  9. 在CentOS上安装SQLServer

    Install SQL Server on Red Hat Enterprise Linux 参考上面这篇文章即可,需要注意的是内容大于3.25G,然后设置Sa密码的时候需要至少一个大写字母.一个小写 ...

  10. hdu1686 KMP

    简单KMP 求单词出现的次数.直接可以考虑,在每一次匹配成功时,让ans++,k=next[k],直到结束. #include<stdio.h> #include<string.h& ...