首頁 > web前端 > js教程 > 讓低版瀏覽器支援input的placeholder屬性(js方法)_javascript技巧

讓低版瀏覽器支援input的placeholder屬性(js方法)_javascript技巧

WBOY
發布: 2016-05-16 17:38:28
原創
955 人瀏覽過
複製程式碼程式碼如下:

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('模糊', function()
{
if( !me.val() )
{
me.val(ph).css('color ', ' # aaa').css('line-height', me.css('height'));
}
});
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板