讓低版本瀏覽器支持input的placeholder屬性(js方法)
更新時間：2013年04月03日 16:34:55 作者：
低版本瀏覽器一般都不會支持input的placeholder屬性，接下來使用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)了一個非常好的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開發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)兩種方法
這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)的兩種方法,在Uniapp中引入JS文件是一項(xiàng)常見的操作,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
基于微信小程序?qū)崿F(xiàn)人臉數(shù)量檢測的開發(fā)步驟
最近項(xiàng)目需求是統(tǒng)計當(dāng)前攝像頭中的人臉個數(shù),所以下面這篇文章主要給大家介紹了關(guān)于基于微信小程序?qū)崿F(xiàn)人臉數(shù)量檢測的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了JS的async/await怎么使用,簡單來說，async/await是基于promises的語法糖，使異步代碼更易于編寫和閱讀,下面來看詳細(xì)的介紹內(nèi)容吧。需要的小伙伴也可以參考一下2021-12-12
javascript function調(diào)用時的參數(shù)檢測常用辦法
js中并不直接支持類似c#的方法重載，所以只能變相的來解決，示意代碼：(利用了內(nèi)置屬性arguments)2010-02-02
本篇文章主要介紹了博客內(nèi)容進(jìn)度插件的實(shí)現(xiàn)方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02