input框选中时如何不出灰框_jQuery设置input⽂本框内灰⾊提
⽰效果
⼀、jquery实现input⽂本框内灰⾊提⽰⽂本效果
复制代码 代码⽰例:
input test
function inputTipText(){
$("input[class*=grayTips]") //所有样式名中含有grayTips的input
.each(function(){
var oldVal=$(this).val(); //默认的提⽰性⽂本
$(this)
.css({"color":"#888"}) //灰⾊
.
focus(function(){
if($(this).val()!=oldVal){$(this).css({"color":"#000"})}else{$(this).val("").css({"color":"#888"})}
})
.blur(function(){
if($(this).val()==""){$(this).val(oldVal).css({"color":"#888"})}
})
.keydown(function(){$(this).css({"color":"#000"})})
})
}
$(function(){
inputTipText(); //直接调⽤就OK了
})
⼆、input标签获取焦点时⽂本框内提⽰信息清空
复制代码 代码⽰例:
获取焦点时⽂本框内提⽰信息清空-www.jbxue
function addLoadEvent(func){
var oldonload = load;
if (load != 'function'){
}else{
oldonload();
func();
}
}
}
function checkText(){
var textId = ElementById('test');
//设置⽂本框中的字体颜⾊为灰⾊
function cls(){
if (this.value == textDefault){
this.value = '';
}
}
function res(){
if (this.value == ''){
this.value = textDefault;
}
}
}
addLoadEvent (checkText);
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论