同步文本框内容的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. <body>
  8. <script language="JavaScript" type="text/javascript">
  9. function addEvent(eventHandler)
  10. {
  11. var tags = document.getElementsByTagName('input');
  12. for(var i=0;i<tags.length;i++)
  13. {
  14. if(tags[i].getAttribute('url') == 'true')
  15. {
  16. if(tags[i].addEventListener)
  17. {
  18. tags[i].addEventListener('keyup',eventHandler,true);
  19. }
  20. else
  21. {
  22. tags[i].attachEvent('onkeyup',eventHandler);
  23. }
  24. }
  25. }
  26. }
  27. function addInput(e)
  28. {
  29. var obj = e.target ? e.target : e.srcElement;
  30. var tags = document.getElementsByTagName('input');
  31. for(var i=0;i<tags.length;i++)
  32. {
  33. if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj)
  34. {
  35. tags[i].value = obj.value;
  36. }
  37. }
  38. }
  39. window.onload = function()
  40. {
  41. addEvent(addInput);
  42. }
  43. </script>
  44. <p>
  45. <input id="addr_more1" size="35" value="http://www." name="addr_more1" url="true" />
  46. </p>
  47. <p>
  48. <input id="addr_more2" size="35" value="http://www." name="addr_more2" url="true" />
  49. </p>
  50. <p>
  51. <input id="addr_more3" size="35" value="http://www." name="addr_more3" url="true" />
  52. </p>
  53. <p>
  54. <input id="addr_more4" size="35" value="http://www." name="addr_more4" url="true" />
  55. </p>
  56. <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
  57. </body>
  58. </html>

同步文本框内容的JS代码650) this.width=650;" border="0" alt="" src="http://img1.51cto.com/attachment/201203/105447605.png" />

上一篇:jquery 文本框回车与change事件


下一篇:SpringMVC Controller介绍(转)