博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
placeholder属性兼容js支持
阅读量:5924 次
发布时间:2019-06-19

本文共 1016 字,大约阅读时间需要 3 分钟。

 

$(function(){    //判断浏览器是否支持placeholder属性    supportPlaceholder='placeholder'in document.createElement('input'),    placeholder=function(input){         var text = input.attr('placeholder'),         defaultValue = input.defaultValue;        if(!defaultValue){            input.val(text).addClass("phcolor");        }        input.focus(function(){            if(input.val() == text){                $(this).val("");            }        });        input.blur(function(){            if(input.val() == ""){                $(this).val(text).addClass("phcolor");            }        });        //输入的字符不为灰色        input.keydown(function(){            $(this).removeClass("phcolor");        });    };    //当浏览器不支持placeholder属性时,调用placeholder函数    if(!supportPlaceholder){        $('input').each(function(){            text = $(this).attr("placeholder");            if($(this).attr("type") == "text"){                placeholder($(this));            }        });    }});

 

转载于:https://www.cnblogs.com/zhidong123/p/4366408.html

你可能感兴趣的文章
多标签主界面使用TRzPageControl
查看>>
对技术的态度—CoolShell 陈皓
查看>>
分享8个超棒的基于HTML5和jQuery的开发教程
查看>>
JFreeChart开发_用JFreeChart增强JSP报表的用户体验
查看>>
Http 请求处理流程
查看>>
Linux硬盘速度测试的命令
查看>>
Win10 功能大全
查看>>
前后端联调
查看>>
AC米兰3500万签波兰神锋 意甲进球数仅次C罗
查看>>
攀冰世界杯将于北京金水湖举行 78名各国好手角逐
查看>>
最最最常见的Java面试题总结——第二周
查看>>
JetBrains Rider:一款全新的基于IntelliJ和ReSharper的.NET IDE
查看>>
为你的组织设计自己的障碍消除流程
查看>>
华为敏捷/DevOps实践:如何开好站立会议
查看>>
java poi 在excel中插入图片
查看>>
PyStun安装使用
查看>>
Courier:Dropbox 基于gRPC 的 RPC 框架开发过程
查看>>
浪潮成立Inspur DevOps Lab:以应用开发和平台服务打造开发者生态
查看>>
敏捷领导力的反面模式
查看>>
re:Invent大会第四天:为什么Lambda值得你更多关注?
查看>>