jquery注册文本框获取焦点清空,失去焦点赋值

文本框如下：

 代码如下 复制代码

 <input type="text" value="请输入关键字" id="search" />

例1

JS代码如下：

 代码如下 复制代码
 
$("#search").focus(function cls() {
        //捕获触发事件的对象，并设置为以下语句的默认对象
        with (event.srcElement)
        //如果当前值为默认值，则清空
            if (value == defaultValue) value = ""
    });
    $("#search").blur(function res() {
        //捕获触发事件的对象，并设置为以下语句的默认对象
        with (event.srcElement)
        //如果当前值为空，则重置为默认值
            if (value == "") value = defaultValue
    });

例2

 代码如下 复制代码

<html>
<head>

<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
<script src="./jquery/jquery-1.8.2.min.js"></script>
<script>
$(function(){
  $("#account").focus(function(){
   var account_value=$(this).val();
   if(account_value=="请输入账号"){
    $(this).val("");
   }
  });
  $("#account").blur(function(){
   var account_value=$(this).val();
   if(account_value==""){
    $(this).val("请输入账号");
   }
  });
});
</script>
</head>     
<body>

账号：<input id="account" type="text" value="请输入账号" />

</body>
</html>
时间： 2024-10-03 22:15:47

jquery注册文本框获取焦点清空,失去焦点赋值的相关文章

jquery注册文本框获取焦点清空,失去焦点赋值的简单实例_jquery

在我们开发过程中特别是用户注册时会有一个效果,就是文本框获取焦点清空提示,如果用户没有输入信息失去焦点赋值上我们的提示语. <html> <head> <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> <script src="http://127.0.0.1/jquery.js"></script>

js/jquery获取文本框输入焦点的方法

 本篇文章主要是对js/jquery获取文本框输入焦点的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一.    代码如下:  function CheckForm() {              if(document.form1.trainingName.value==""){                      alert("培训班名称不能为空!");                      document.form1.trai

文本框焦点-WPF文本框获取焦点时打开外部程序后焦点失去，如何重新获取焦点

问题描述 WPF文本框获取焦点时打开外部程序后焦点失去,如何重新获取焦点 因为是触摸屏,所以做了一个外部键盘程序,但是在文本框获取焦点打开键盘程序时,焦点失去,文本框如何重新获取焦点 解决方案 使用LostKeyboardFocus方法 在msdn上就查找到: LostKeyboardFocus 在键盘焦点不再位于此元素上时发生 LostFocus 在此元素失去逻辑焦点时发生 IsFocused 获取一个值,该值确定此元素是否具有逻辑焦点 Focus 尝试将焦点设定到此元素上 如果键盘焦点和逻辑

jQuery文本框得到与失去焦点动态改变样式效果_jquery

本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { font: nor

jquery 文本框得到和失去焦点的效果

 代码如下 复制代码   <!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>jquery 文

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

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

jQuery+正则+文本框只能输入数字的实现方法_jquery

网站中的一个小功能:要求用户只能输入16位数字. 试过javascript的方法: 如:一种方法: //只允许输入数字 function checkkey2(value, e) { var key = window.event ? e.keyCode : e.which; if ((key > 95 && key < 106) || (key > 47 && key < 60)) { } else if (key != 8) { if (window

基于jQuery实现文本框只能输入数字(小数、整数)_jquery

在实际应用中,文本框中有时候只能够允许输入整数,但是有时候可能更为"博爱"一点,可以允许输入浮点数,下面就通过实例代码介绍一下如何利用jquery实现文本框只能输入小数,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.jb51.net/

jQuery监控文本框事件并作相应处理的方法_jquery

本文实例讲述了jQuery监控文本框事件并作相应处理的方法.分享给大家供大家参考.具体如下: //事情委托 $(document) .on('input propertychange', '#query', function(){ var input = $(this).val(); show(input); }); var show = function(txt){ var info = '监听:<b>' + txt + '</b><br /><br />