输入框获取焦点 显示/隐藏 value

摘要:
Inputtype=“text”class=“hint”id=“hint“value=”粘贴淘宝、天猫和聚划算的地址ttp://item.taobao.com...“name=”q“>defVal=inputEl.val();inputEl.bind({focus:if(_this.val)==defVal){_this.var('').css({'color':

HTML:

<input type="text" class="hint" id="hint" value="粘贴淘宝、天猫、聚划算的宝贝地址,如:Http://item.taobao.com..." name="q">

JS:

$(function() {
    var inputEl = $('#hint'),
        defVal = inputEl.val();
    inputEl.bind({
        focus: function() {
            var _this = $(this);
            if (_this.val() == defVal) {
                _this.val('').css({'color':'black'});
            }
        },
        blur: function() {
            var _this = $(this);
            if (_this.val() == '') {
                _this.val(defVal).css({'color':'#999999'});
            }
        }
    });
})

免责声明:文章转载自《输入框获取焦点 显示/隐藏 value》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ping和tracert浏览器输入一个网址,期间发生了什么下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

自动化运维工具puppet详解(二)

一、class 类   1)什么是类?   类是puppet中命名的代码模块,常用于定义一组通用目标的资源,可在puppet全局调用;  类可以被继承,也可以包含子类;  具体定义的语法如下: class NAME{ ... puppet code ... }   其中,在我们定义的时候,需要注意的是: 类的名称只能以小写字母开头,可以包含小字字母、...

css hover伪类选择器与JQuery hover()方法

css hover伪类选择器 它属于anchor伪类 在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果 实例 a:link{color:#FF0000;}/* 未访问的链接 */ a:visited{color:#00FF00;}/* 已访问的链接 */ a:hover{color:#FF...

postcss-pxtorem插件相关配置

功能作用:将px像素自动转化为rem。 首先安装postcss-pxtorem。 1 npm install postcss-pxtorem -D 新建一个postcss.config.js文件配置。 1 module.exports = { 2 plugins: { 3 // 兼容浏览器,添加前缀 4 au...

【转】ARM 指令集版本和ARM 版本

----转载自: http://www.cnblogs.com/loleng/archive/2011/06/14/2080447.html 常常能看到ARM7,ARM9,ARM11,以及armv6k等不同的表达。且在GCC编译中,常常要用到 -march, -mcpu等。他们分别表达什么涵义呢?Sam自己也不很清楚,只是大概有个模糊的概念。今天就仔细研究...

WPF用样式实现TextBox的虚拟提示效果

【版权声明】本文为博主原创,未经允许禁止用作商业用途,如有转载请注明出处。  话说好多软件和网站都能实现虚拟提示,好吧这个名词是我自己起的,因为我也不知道这么形容这个效果。   效果描述:在TextBox没有输入值之前显示灰色提示信息,当获得焦点时提示自动消失,如果没有编辑离开此控件则依然显示提示信息,直到输入值为止。   效果图:   这里我用到了一个...

MD5加密之提取文件的MD5特征码

1 public static String encodeFile(String path) { 2 3 try { 4 MessageDigest digester = MessageDigest.getInstance("MD5"); 5 6...