相容IE瀏覽器的placeholder 超不錯

jquery enplaceholder plug （相容ie瀏覽器的placeholder）使用

蕃薯耀 2023年9月8日 14:24:47 星期二

enplaceholder是乙個比較好的placeholder外掛程式，可以在不支援

placeholder的瀏覽器中顯示提示，如果瀏覽器本身支援，就不會使用本外掛程式。

外掛程式demo：

外掛程式有2仲模式，個人喜歡通過插入元素模擬這種

//通過value模擬placeholder

$('input').placeholder();

//通過插入元素模擬placeholder

$('input').placeholder();

文字框內容改變時placeholder消失:

$('#username2,#password').placeholder();

獲得焦點時placeholder消失:

$('#address2').placeholder();

但外掛程式還有乙個問題，就是input不使用

placeholder時會返回undefined，但本人已經修改問題，增加了如下**：

//修正無placeholder時，顯示undefined問題

if(defaultvalue != null && typeof(defaultvalue) != "undefined")

該外掛程式屬於jquery外掛程式，依賴jquery

外掛程式見附件，或下面的源**。

源**：

/**

* jquery enplaceholder plug
* enplaceholder是乙個跨瀏覽器實現placeholder效果的jquery外掛程式
* version 1.0
* by frans.lee 
*  * 修正無placeholder顯示undefined問題（lqy--）
* var defaultvalue = $(_this).attr('placeholder');
* if(defaultvalue != null && typeof(defaultvalue) != "undefined")
*/;(function ($) , options);
$(this).each(function () ).blur(function ()  else if ($(_this).val().length == 0) 
}).trigger('blur');
} else );
$(_this).before($imitate.click(function () ));
$(_this).val().length != 0 && $imitate.hide();
if (options.oninput) );
} else ).blur(function () );}}
}}
});return this;
}});
})(jquery);

ie瀏覽器相容筆記

ie低版本瀏覽器預設很多標籤是自帶樣式的。ul預設室友padding left 40px li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右，設定屬性如下即可解決list style position outside position後記得在relative屬性的元素設定浮層 z ...

ie瀏覽器相容筆記

某某 經理讓你相容ie瀏覽器 我的內心 1.html 寫法不標準。有的html 不夠嚴謹，就會造成在ie瀏覽器下各種的問題。比如標題，最好不要直接用li標籤，最好外面有個div包裹，li列表外面需要有ul標籤包裹。應該載入一段公共css 去除某些樣式的預設初始屬性。body,div,dl,dt,dd...

相容ie瀏覽器的寫法

使用者使用的瀏覽器五花八門，我們要保證每一種瀏覽器都能相容我們的 不能要求使用者去改變瀏覽器，那麼就得在我們的 上下功夫。此時我們要用到hack。hack就是針對不同的瀏覽器寫不同的html css樣式，從而使各種瀏覽器達到一致的渲染效果。下面我們就分別了解一下html的hack和css的hack。...