讓IE低版本瀏覽器也支援placeholder屬性
(function($) { $.extend({ IE: function() { if (/MSIE\s(\d+)/.test(navigator.userAgent)) { return parseInt(RegExp.$1); } return 99; } }); $.fn.placeholder = function() { if ($.IE < 10) { this.each(function() { var pla = $(this).attr('placeholder'); $(this).focus(function() { if ($(this).val() == pla) { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val(pla); } }); $(this).trigger('blur'); }); } } })(jQuery); //使用方法 $('[placeholder]').placeholder();
由老廖最後編輯於:4年前
內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。
相關文章
- 如何讓低版本IE瀏覽器支援HTML5和CSS3瀏覽器HTMLCSSS3
- jQ進階篇–jQuery封裝placeholder效果,讓低版本瀏覽器支援該效果jQuery封裝瀏覽器
- ie9上支援placeholder屬性的js程式碼IE9JS
- 網頁變灰相容IE低版本瀏覽器網頁瀏覽器
- javascript相容低版本IE瀏覽器的事件物件JavaScript瀏覽器事件物件
- IE瀏覽器低版本判斷及升級提示瀏覽器
- 相容低版本IE瀏覽器的DOMContentLoaded事件瀏覽器事件
- 相容低版本IE瀏覽器的Object.create()方法瀏覽器Object
- 如何讓IE8和IE8以下瀏覽器支援HTML5瀏覽器HTML
- HTML data屬性簡介以及低版本瀏覽器相容演算法HTML瀏覽器演算法
- 準確獲取低版本IE瀏覽器的版本號瀏覽器
- 絕對不能在低版本IE瀏覽器相容性問題上妥協瀏覽器
- 相容低版本IE瀏覽器的背景顏色漸變效果瀏覽器
- IE低版本瀏覽器document.referrer丟失解決方案瀏覽器
- 相容低版本IE瀏覽器的阻止事件冒泡效果程式碼瀏覽器事件
- 模擬實現相容低版本IE瀏覽器的原生bind()瀏覽器
- 常用的瀏覽器私有屬性瀏覽器
- Win10預覽版IE瀏覽器正式支援HSTSWin10瀏覽器
- microsoft edge是ie瀏覽器嗎 edge瀏覽器和ie瀏覽器一樣嗎ROS瀏覽器
- IE瀏覽器相容瀏覽器
- 低版本IE瀏覽器iframe記憶體不釋放問題瀏覽器記憶體
- Bsie:讓 Bootsrap 相容 IE6-8 瀏覽器boot瀏覽器
- win10ie瀏覽器不支援付款怎麼解決_win10ie瀏覽器不支援付款如何修復Win10瀏覽器
- .net火狐瀏覽器 ie瀏覽器 判斷瀏覽器
- Element屬性方法的瀏覽器相容性概覽瀏覽器
- IE 瀏覽器各個版本 JavaScript 支援情況一覽表瀏覽器JavaScript
- 相容所有瀏覽器的placeholder效果瀏覽器
- css新增屬性,讓瀏覽器檢查無法選中元素CSS瀏覽器
- js 複製連結,支援IE,火狐等瀏覽器JS瀏覽器
- element ui 相容低版本瀏覽器UI瀏覽器
- 惡搞IE瀏覽器瀏覽器
- IE瀏覽器開發瀏覽器
- 相容低版本IE瀏覽器的一些心得體會(持續更新)瀏覽器
- 瀏覽器/元素尺寸相關的屬性瀏覽器
- js獲取瀏覽器視窗屬性JS瀏覽器
- ie瀏覽器怎麼升級 ie瀏覽器版本過低怎麼辦瀏覽器
- 各個瀏覽器對CSS標準各屬性支援的情況列表瀏覽器CSS
- 如何讓瀏覽器支援 import 和export語法瀏覽器ImportExport