讓低版本瀏覽器支持input的placeholder屬性(js方法)
更新時(shí)間：2013年04月03日 16:34:55 作者：
低版本瀏覽器一般都不會(huì)支持input的placeholder屬性，接下來(lái)使用js實(shí)現(xiàn)下，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
var doc = window.document, input = doc.createElement('input');
if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder屬性
{
$('input').each(function( ele )
{
var me = $(this);
var ph = me.attr('placeholder');
if( ph && !me.val() )
{
me.val(ph).css('color', '#aaa').css('line-height', me.css('height'));
}
me.on('focus', function()
{
if( me.val() === ph)
{
me.val(null).css('color', '');
}
}).on('blur', function()
{
if( !me.val() )
{
me.val(ph).css('color', '#aaa').css('line-height', me.css('height'));
}
});
});
}
相關(guān)文章
Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
發(fā)現(xiàn)了一個(gè)非常好的JavaScript調(diào)試方法，目前看到的是可以打印Object/Array/Function/String四種類型，使用方法和PHP中的var_dump()一樣，只要直接dump(變量名)即可。2009-09-09
javascript dom 操作詳解 js加強(qiáng)
javascript dom 操作詳解 js加強(qiáng)操作實(shí)現(xiàn)代碼。2009-07-07
JavaScript與Cookie之利用Cookie記錄用戶登錄信息2009-12-12
定單管理上 JS表格排序...2006-10-10
uniapp開(kāi)發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)兩種方法
這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)的兩種方法,在Uniapp中引入JS文件是一項(xiàng)常見(jiàn)的操作,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
基于微信小程序?qū)崿F(xiàn)人臉數(shù)量檢測(cè)的開(kāi)發(fā)步驟
最近項(xiàng)目需求是統(tǒng)計(jì)當(dāng)前攝像頭中的人臉個(gè)數(shù),所以下面這篇文章主要給大家介紹了關(guān)于基于微信小程序?qū)崿F(xiàn)人臉數(shù)量檢測(cè)的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了JS的async/await怎么使用,簡(jiǎn)單來(lái)說(shuō)，async/await是基于promises的語(yǔ)法糖，使異步代碼更易于編寫(xiě)和閱讀,下面來(lái)看詳細(xì)的介紹內(nèi)容吧。需要的小伙伴也可以參考一下2021-12-12
javascript function調(diào)用時(shí)的參數(shù)檢測(cè)常用辦法
js中并不直接支持類似c#的方法重載，所以只能變相的來(lái)解決，示意代碼：(利用了內(nèi)置屬性arguments)2010-02-02
本篇文章主要介紹了博客內(nèi)容進(jìn)度插件的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02