jQuery设置和移除文本框默认值的方法

 这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 
 

本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下：

开始时，文本框设定一个默认值。当光标移动到文本框时，如果文本框当前值是默认值，那么清空；离开文本框时，文本框值如果为空，那么将文本框值设置为默认值。

代码如下：

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

$(document).ready(function() {
//each遍历文本框
$(".input").each(function() {
//保存当前文本框的值
var vdefault = this.value;
$(this).focus(function() {
//获得焦点时，如果值为默认值，则设置为空
if (this.value == vdefault) {
this.value = "";
}
});
$(this).blur(function() {
//失去焦点时，如果值为空，则设置为默认值
if (this.value == "") {
this.value = vdefault;
}
});
});
});

希望本文所述对大家的jQuery程序设计有所帮助。

时间： 2024-10-31 01:39:17

jQuery设置和移除文本框默认值的方法的相关文章

jQuery设置和移除文本框默认值的方法_jquery

本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi

javascript和jquery实现设置和移除文本框默认值效果代码_javascript技巧

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: 复制代码 代码如下: <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索"    onfocus='if(t

jQuery实现设置、移除文本框默认值功能_jquery

jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能. 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会恢复到默认值. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <scri

JS简单设置下拉选择框默认值的方法_javascript技巧

本文实例讲述了JS简单设置下拉选择框默认值的方法.分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = objSelect.options; if(options){ var len = options.length; for(var i=0;i<len;i++){ if(options[i].value == targ

JS文本框默认值处理详解

以下代码是对JS文本框的默认值处理进行了介绍,需要的朋友可以参考下   复制代码 代码如下: <script type="text/javascript">        function txtFocus(el) {            if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }        }        function txtBlur(el) {   

关于 文本框默认值 的操作js代码_javascript技巧

比如: 搜索框:可以 <input value="搜索产品..." /> 文本区域: 可以 <textarea>输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务....</textarea> ........ 首先说这种提示功能很好,非常直观,可是怎么让它们获取焦点时内容清空.失去焦点后内容分为空的话就显示提示文本..... 当页面这些元素多了之后如何去管理...等等问题 复制代码 代码如下: var inputText=function(

JS文本框默认值处理详解_javascript技巧

复制代码 代码如下: <script type="text/javascript">       function txtFocus(el) {           if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }       }        function txtBlur(el) {           if (el.value == '') { el.value

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值.    代码如下 复制代码 <script> function get1() {  document.getElementById("txtbox2").value=document.getElementById("txtbox").value;  //获取文本框1的值,并赋值给文本框2 } </script> <table width="500" border=&qu

jQuery简单设置文本框回车事件的方法_jquery

本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本