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. windows下git bash显示中文

    1.C:\Program Files\Git\etc\git-completion.bash: alias ls='ls --show-control-chars --color=auto' 说明:使 ...

  2. [CareerCup] 13.7 Node Pointer 节点指针

    13.7 Write a method that takes a pointer to a Node structure as a parameter and returns a complete c ...

  3. <实训|第二天>掌握linux6.7中安装vmware、vmware安装linux发行版本以及遇到的问题最后libreoffice的安装

    期待已久的linux运维.oracle"培训班"终于开班了,我从已经开始长期四个半月的linux运维.oracle培训,每天白天我会好好学习,晚上回来我会努力更新教程,包括今天学到 ...

  4. EF实体框架之CodeFirst五

    上一博客学习了下基本的约定配置,留下几个遗漏的,这篇就是学习下遗漏一复杂类型. 一.什么是复杂类型? 书中说道:“复杂类型也可视作值类型(?)可以作为附加属性添加到其他类.复杂类型与实体类型的区别在于 ...

  5. Mtk Ft6306 touch 驱动 .

    1.1.    MTK Touch 驱动的组成Mtk  Touch  driver 驱动包括:Mtk platform 虚拟平台设备驱动.Module touch IC 驱动.Input subsys ...

  6. 你需要管理员权限才能删除文件夹及服务器C盘不及批处理

    Windows 7系统,管理员权限设置方法 一.选择文件夹或文件所有者 我们用鼠标右键点击要操作的文件或文件夹 - 属性: 在出现的文件夹属性窗口,我们用鼠标左键点击:安全: 我们用鼠标左键点击:高级 ...

  7. [USACO2005][POJ3169]Layout（差分约束）

    题目:http://poj.org/problem?id=3169 题意:给你一组不等式了,求满足的最小解 分析: 裸裸的差分约束. 总结一下差分约束: 1.“求最大值”:写成"<=& ...

  8. shell编程之基础

    1.初探shell #!/bin/bash echo -e 'hello \nworld' 执行结果 echo 是打印输出字符,-e选项是开启转义功能 注意: 在windows下编写的shell脚本直 ...

  9. CsharpThinking---代码契约CodeContract（八）

    代码契约(Code Contract):它并不是语言本身的新功能,而是一些额外的工具,帮助人们控制代码边界. 代码契约之于C#,就相当于诗词歌赋之于语言. --- C# in Depth 一,概述 1 ...

  10. DOM学习笔记（思维导图）

    导图