代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Js
】
模拟placeholder效果
作者:
/ 发布于
2016/3/23
/
789
由于有的浏览器不支持placeholder,所以写了一个jquery插件来模拟placeholder效果。 使用方法:$("#IDName").placeholder();
(function($){ $.fn.placeholder = function(){ //判断文本框中的值是否和placeholder中的值一样 //如果一样,则返回true function valueIsPlaceholder(input){ return ($(input).val() == $(input).attr("placeholder")); } return this.each(function(){ $(this).find(":input").each(function(){ if($(this).attr("type")=="password"){ var new_field = $(""); new_field.attr("rel",$(this).attr("id")); new_field.attr("value",$(this).attr("placeholder")); $(this).parent().append(new_field); new_field.hide(); function showPasswordPlaceholer(input){ if($(input).val()=="" || valueIsPlaceholder(input)){ $(input).hide(); $("input[rel="+$(input).attr('id')+"]").show(); } } new_field.focus(function(){ $(this).hide(); $('input#'+$(this).attr("rel")).show().focus(); }); $(this).blur(function(){ showPasswordPlaceholer(this); }); showPasswordPlaceholer(this); }else{ function showPlaceholder(input, reload){ if($(input).val()=="" || (reload && valueIsPlaceholder(input))){ $(input).val($(input).attr("placeholder")); } } $(this).focus(function(){ if(valueIsPlaceholder(this)){ $(this).val(''); } }); $(this).blur(function(){ showPlaceholder(this, false); }); showPlaceholder(this, true); } }); }); } })(jQuery);
试试其它关键字
同语言下
.
Jquery搜索框获取回车事件
.
H5页面添加倒计时,然后自动跳转
.
通过user-agent判断h5页面是在哪个手机App(QQ、微信
.
nginx 禁止未绑定的域名访问
.
JavaScript 获取按键,并屏蔽系统 Window 事件
.
H5之只允许微信浏览器打开,禁止从外部浏览器访问
.
微信打开网址添加在浏览器中打开提示的办法
.
实现JS复制、粘贴,Chrome/Firefox下可用
.
video视频播放,play()、pause()、duration时长、onen
.
HTML5实现MP3上传前的预览和播放时长的获取
可能有用的
.
Jquery搜索框获取回车事件
.
H5页面添加倒计时,然后自动跳转
.
通过user-agent判断h5页面是在哪个手机App(QQ、微信
.
nginx 禁止未绑定的域名访问
.
JavaScript 获取按键,并屏蔽系统 Window 事件
.
H5之只允许微信浏览器打开,禁止从外部浏览器访问
.
微信打开网址添加在浏览器中打开提示的办法
.
实现JS复制、粘贴,Chrome/Firefox下可用
.
video视频播放,play()、pause()、duration时长、onen
.
HTML5实现MP3上传前的预览和播放时长的获取
贡献的其它代码
Label
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3