讓低版本瀏覽器支持input的placeholder屬性(js方法)
更新時間：2013年04月03日 16:34:55 作者：
低版本瀏覽器一般都不會支持input的placeholder屬性，接下來使用js實現(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)文章
js實現(xiàn)頁面打印功能實例代碼(附去頁眉頁腳功能代碼)
js實現(xiàn)頁面打印功能實例代碼(附去頁眉頁腳功能代碼)2009-12-12
很多時候為了顯示格式，需要在某一字符串不滿位的情況下進行前補0操作。下面這篇文章就給大家主要介紹了javascript添加前置0(補零)的幾種方法,文中給出了詳細的示例代碼，需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
用瀏覽器無法調(diào)試異步加載頁面里包含的js文件。簡單的說就是在調(diào)試工具里面看不到異步加載頁面里包含的js文件2014-10-10
Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航(10)
這篇文章主要為大家詳細介紹了Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
js彈出層包含flash 不能關(guān)閉隱藏的2種處理方法
js彈出層包含flash 不能關(guān)閉隱藏的2種處理方法，需要的朋友可以參考一下2013-06-06
本篇文章給大家分享一段實例代碼，主要介紹js查看一個函數(shù)的執(zhí)行時間，代碼簡單易懂，感興趣的朋友一起跟著小編來學(xué)習(xí)學(xué)習(xí)吧2015-09-09
下面小編就為大家?guī)硪黄狫avaScript正則表達式-非捕獲性分組。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
在?localStorage?中上傳和檢索存儲圖像的示例詳解
這篇文章主要介紹了在?localStorage?中上傳和檢索存儲圖像,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。2010-02-02
JS是通過事件隊列(Event?Loop)的方式來實現(xiàn)異步回調(diào)的，但對很多初學(xué)JS的人來說，根本搞不清楚單線程的JS為什么擁有異步的能力，所以本文將從進程、線程的角度來解釋這個問題2023-05-05