同步文本框内容代码,Css代码库,德仔网

代码语言

代码分类

【Css】同步文本框内容

作者:dezai / 发布于2014/6/25/ 885


	<!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>

	
	 <input id="addr_more1" size="35" value="http://www." name="addr_more1" url="true" />
	
	
	 <input id="addr_more2" size="35" value="http://www." name="addr_more2" url="true" />
	
	
	 <input id="addr_more3" size="35" value="http://www." name="addr_more3" url="true" />
	
	
	 <input id="addr_more4" size="35" value="http://www." name="addr_more4" url="true" />
	
	
	</body>
	</html>

试试其它关键字

　同步文本框内容　　同步文本框　　文本框　

同语言下

可能有用的

dezai贡献的其它代码(1065)