html输入框初始值,关于 文本框默认值 的操作js代码

这篇博客探讨了如何使用JavaScript实现输入框聚焦时清空内容,失去焦点后恢复提示文本的功能。作者提供了一个名为`inputText`的函数,通过`onfocus`和`onblur`事件来管理这一过程,并给出了示例代码。讨论了在页面中大量此类元素存在时的管理策略。
摘要由CSDN通过智能技术生成

比如:

搜索框:可以

文本区域: 可以 输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务....

........

首先说这种提示功能很好,非常直观,可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本.....

当页面这些元素多了之后如何去管理...等等问题

var inputText=function(o,e,e2){

if(!o)return;var txt=o.value;

function inputTextChange(o,e,e2,txt){

o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}

o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}

}

new inputTextChange(o,e,e2,txt)

}

上面我定义了一个函数

功能讲解:

参数 [o] : 需要操作的对象

参数 [e] : 需要清空对象值的事件

参数 [e2] : 需要返回默认值的事件

函数调用:

inputText(userName,"onmouseover","onmouseout");

函数应用示例:

input.value

var inputText=function(o,e,e2){if(!o)return;var txt=o.value;

function inputTextChange(o,e,e2,txt){

o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}

o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}}

new inputTextChange(o,e,e2,txt)

}

var inputArr=document.getElementsByTagName("input")

for(var i in inputArr){

if(!inputArr[i].type=="text") continue;

inputText(inputArr[i],"onfocus","onblur")

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值