求一段能控制所有input标签中text属性的代码

欢迎您:游客帮助

我参与的帖子

求一段能控制所有input标签中text属性的代码 [已结贴,结贴人:daols]

daols
等级:

发表于：2008-03-24 01:19:53 楼主

原始代码如下：
<head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<STYLE>
</STYLE>
<SCRIPT language="javascript">
</SCRIPT>
</head>
<input type=text size=35>
<input type=text size=35>
<input type=text size=35>
<input type=text size=35>
<input type=text size=35>
<input type=text size=35>
<input type=text size=35>

要求在 <STYLE>中加入语句或者加SCRIPT,能让鼠标经过任意 <input>时自动全选里面的text。。。
就像 <input type=text size=35 onmouseover="this.select();">这样的效果。。。
因为 <input>太多了。。。每个都加onmouseover。。的话太浪费代码了。。。我想一次搞定。。。
另：要求代码兼容FireFox2.x & Opera9.x & IE6，越简练越好。。。并拒绝使用javascript的replace方法直接替换（因为其实没有“type=text”，浏览器默认还是把input作为文本框处理的）。。。

万能的CSDN达人们阿。。。谁能帮我解决这个菜鸟问题？？？谢谢您了！！！

问题点数：100 回复次数：3 修改删除举报引用回复

yixianggao
阿弥陀佛
等级:

发表于：2008-03-24 01:38:171楼得分:50

试试看！

HTML code

<!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>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="Gao YiXiang" />
    <meta name="email" content="yixianggao@126.com" />
    <meta name="keywords" content="javascript dhtml dom" />
    <meta name="description" content="I love web development." />
</head>
<body>
    <h3>IE6 sp1, FF2 测试可用！</h3>
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
    <input type=text size=35 value="so easy"> 
<script type="text/javascript">
<!--
var cInput = document.getElementsByTagName("input");
for (var i=0; i<cInput.length; i++)
{
    if (cInput[i].type == "text")
    {
        cInput[i].onmouseover = function()
        {
            this.select();
        };
    }
}
//-->
</script>
</body>
</html>

修改删除举报引用回复

hookee
等级:

发表于：2008-03-24 01:47:552楼得分:50

HTML code


<html> 
<head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 
<STYLE> 
</STYLE> 
<SCRIPT language="javascript"> 
function dosel(e){
    if(window.event) event.srcElement.select();
    else e.target.select();
}
window.onload = function(){
    var arr = document.getElementsByTagName("INPUT");
    for(var i=0;i<arr.length;i++){
        if(arr[i].type=="text") arr[i].onmouseover=dosel;          
    }
}
</SCRIPT>  
</head>
<body> 
<input type=text size=35 value="xxx"> 
<input type=text size=35> 
<input type=text size=35> 
<input type=text size=35> 
<input type=text size=35> 
<input type=text size=35> 
<input type=text size=35> 
</body>
</html>

修改删除举报引用回复

daols
等级:

发表于：2008-03-24 13:13:113楼得分:0

谢楼上两位，最后整合了你们给的代码：

<head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<Script Language=JavaScript>
window.onload=function(){var cInput=document.getElementsByTagName('input');
for (var i=0;i <cInput.length;i++){cInput[i].onmouseover=function(){this.select();};};}
</Script> </head>

稍后送分。。。

修改删除举报引用回复

将帖子提前放进我的网摘推荐给好友

我要提问帖子加分结贴去... 管理菜单

网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－问题报告
世纪乐知（北京）网络技术有限公司版权所有京 ICP 证 020026 号
Copyright © 2000-2007, CSDN.NET, All Rights Reserved