同步文本框内容的JS代码
2012-03-24 10:55
295 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>同步文本框内容的JS代码</title> </head> <body> <script language="JavaScript" type="text/javascript"> function addEvent(eventHandler) { var tags = document.getElementsByTagName('input'); for(var i=0;i<tags.length;i++) { if(tags[i].getAttribute('url') == 'true') { if(tags[i].addEventListener) { tags[i].addEventListener('keyup',eventHandler,true); } else { tags[i].attachEvent('onkeyup',eventHandler); } } } } function addInput(e) { var obj = e.target ? e.target : e.srcElement; var tags = document.getElementsByTagName('input'); for(var i=0;i<tags.length;i++) { if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj) { tags[i].value = obj.value; } } } window.onload = function() { addEvent(addInput); } </script> <p> <input id="addr_more1" size="35" value="http://www." name="addr_more1" url="true" /> </p> <p> <input id="addr_more2" size="35" value="http://www." name="addr_more2" url="true" /> </p> <p> <input id="addr_more3" size="35" value="http://www." name="addr_more3" url="true" /> </p> <p> <input id="addr_more4" size="35" value="http://www." name="addr_more4" url="true" /> </p> <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p> </body> </html>
相关文章推荐
- 同步文本框内容的JS代码
- JS代码同步文本框内容的实例方法
- JS代码同步文本框内容的实例方法
- 同步文本框内容的JS代码
- js限制文本框的输入内容代码分享(3类)
- js限制文本框的输入内容代码分享(3类)
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- 当鼠标滑过文本框自动选中输入框内容JS代码
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- 刷新时清空文本框内容的js代码
- 捕获input文本框内容改变事件的js代码
- 刷新时清空文本框内容的js代码
- 复制文本框里内容的js代码
- js同步获取文本框textarea输入的内容
- 拷贝excel里的内容转为JSON的js代码