您現在的位置是:電腦技術吧?>? 組裝維修 ??>??ie 兼容性,ie怎么設置兼容性??>??正文詳情

ie 兼容性,ie怎么設置兼容性

權鵬煊2019-11-13 20:51:09 人圍觀
簡介ie添加兼容性站點HTML5有一個很好的屬性,占位符。當鼠標集中在它上面時,提示文本將消失。在失去焦點后,它將再次出現:但是在不支持較低版本HTML5的瀏覽器中,占位符屬性無效。

html 5 有個很棒的屬性,placeholder,在鼠標聚焦到上面時候,提示文字會消失,失去焦點之后,又會出現:但是在不支持html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性:代碼如下://placeholder功能實現var placeholder = {add: function (el) {if (!('placeholder' in document.createElement('input'))) {var self = placeholder;el.each(function (e) {if (IsEmpty(e.value()) || e.value() == e.attr('placeholder')) {e.value(e.attr('placeholder'));e.css('color', 'gray');}else {e.css('color', 'black');}});el.bind('focus', self._onfocus);el.bind('click', self._onfocus);el.bind('blur', self._onblur);el.bind('keyup', self._onkeyup);}},remove: function (el) {if (!('placeholder' in document.createElement('input'))) {var self = placeholder;el.unbind('focus', self._onfocus);el.unbind('click', self._onfocus);el.unbind('blur', self._onblur);}},check: function (el) {if (!('placeholder' in document.createElement('input'))) {el.each(function (tar) {if (IsEmpty(tar.value())) {tar.value(tar.attr('placeholder'));}});}},clear: function () {if (!('placeholder' in document.createElement('input'))) {$('input[type=text]').each(function (el) {if (el.value() == el.attr('placeholder')) {el.value('');}});$('textarea').each(function (el) {if (el.value() == el.attr('placeholder')) {el.value('');}});}},_onfocus: function () {if ($(this).value() == $(this).attr('placeholder'))$(this).value('');},_onblur: function () {if (IsEmpty($(this).value()) || $(this).value() == $(this).attr('placeholder')) {$(this).value($(this).attr('placeholder'));$(this).css('color', 'gray');}else {$(this).css('color', 'black');}},_onkeyup: function () {if (IsEmpty($(this).value())) {$(this).css('color', 'gray');}else {$(this).css('color', 'black');}}};使用時候:代碼如下:placeholder.add($('input[type=text]'));placeholder.add($('textarea'));需要注意的是,考慮到如果input的type是password的時候,placeholder顯示的是.....的屬性這種情況下,解決方法為:給定兩個輸入框,一個是text,一個為password的,在有焦點的時候,切換為password,失去焦點的時候,切換為text用來展示placeholder屬性.代碼如下:script type=text/javascript src=jquery-1.7.2.js/scriptscript type=text/javascript$(function(){var pwd = $(#pwd);var password = $(#password);pwd.focus(function(){pwd.hide();password.show().focus();});password.focusout(function(){if(password.val().trim() === ){password.hide();pwd.show();}});});/scriptinput type=text id=pwd value=請輸入密碼/input type=password id=password style=display:none;/

版權聲明:本文由 權鵬煊 整理編輯。

原標題:ie設置兼容性,兼容性

轉載注明出處:http://www.dn9ww09s.icu/assemble/11941.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 0xc000007b,0xc000007b無法正常啟動

    0xc000007b,0xc000007b無法正常啟動 相關圖片0xc000007b win10在運行程序時,很多用戶遇到應用程序無法正常啟動0xc000007b的提示,導致程序無法正常打開。實際上,這個問題主要是由系統軟件或其他原因造成的。然后,應用程序開機藍...

  • 語義化標簽都有什么,常用的語義化標簽有哪些

    語義化標簽都有什么,常用的語義化標簽有哪些 相關圖片html5語義化標簽優點在當前的web標準隱藏規則中,不推薦甚至反對使用B和I標記,因為它們被認為表示粗體和斜體,沒有任何語義。在新的HTML5工作草案中使用更多的strong和EM標html5語義化...

  • 電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度

    電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度 相關圖片電腦屏幕亮度如何調有時如果我們的電腦沒有電源,它會自動跳轉到節能模式,這樣我們的電腦屏幕就會顯得有點黑,而且眼睛也有一定程度的損傷,那我們怎么再調整呢?下面是如何...

  • 臺式機怎么分屏顯示器,臺式機如何實現分屏

    臺式機怎么分屏顯示器,臺式機如何實現分屏 相關圖片分屏電腦怎么組裝只有很多情況下,同一臺電腦連接兩臺顯示器,并在不同的屏幕上顯示,但案件的實質是一臺電腦。如果由于計算機的負載能力差,需要同時使用兩臺計算機,希望將...

  • display在那里用,html里display

    display在那里用,html里display 相關圖片display怎么用顯示:block是塊對象的顯示:none不是要顯示qu1:我經常看到有一個層,然后在里面寫一些東西,然后給它一個屬性顯示:none,這樣這個東西就不能在網頁上看on display...

  • 此網站出具的安全證書不是,瀏覽器打開出現證書錯誤

    此網站出具的安全證書不是,瀏覽器打開出現證書錯誤 相關圖片網站安全證書怎么安裝相信當一些用戶瀏覽網站時,會提示他們網站的安全證書有一個解決問題的方法。首先要檢查的是系統時間是否正確。大部分時間是由時間問題引起的。如果時間...

  • css元素垂直居中,css實現元素垂直居中

    css元素垂直居中,css實現元素垂直居中 相關圖片css元素橫向居中表格單元格可以方便地設置文本和圖像的水平和垂直中心,使元素垂直居中:將該元素的容器設置為表格單元格,具有表格單元格的特性,然后使用垂直對齊css水平居中...

  • 本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦

    本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦 相關圖片本地連接連不上近日,Windows 7系統用戶反映,電腦開機后,網絡連接一直顯示“獲取網絡地址”,過一段時間就會變成“無法獲取網絡地址”。此問題導致網絡連接無法訪問Inter本地連接...

  • 文本溢出顯示省略號,多行文本溢出省略號隱藏

    文本溢出顯示省略號,多行文本溢出省略號隱藏 相關圖片多行元素的文本省略號CSS文本溢出省略號文本溢出:省略號文本溢出是一個特殊屬性,由W3C的早期文檔定義(當前文檔不包含文本溢出屬性FML!)as:名稱:文本-單行文本省略號...

  • 電腦安裝系統,電腦系統重新安裝步驟

    電腦安裝系統,電腦系統重新安裝步驟 相關圖片電腦怎么安裝系統軟件現在很多人想在購買新電腦時安裝自己喜歡的系統。目前的系統主要分為四種:原來的XP系統、兼容性好的win7系統、先進的win8系統和市場上最新的win10系統電腦安...

熱評文章

  • 000007e藍屏,藍屏0ed

    000007e藍屏,藍屏0ed 相關圖片藍屏000008e很多用戶反映,這臺電腦剛買下來,藍屏錯誤碼ox0000007e無緣無故出現。0x0000007e error表示系統進程遇到問題,如果遇到此類問題,應該怎么辦?0x0000007e藍屏...

  • 打印機出現錯誤,打印機出現錯誤怎么辦

    打印機出現錯誤,打印機出現錯誤怎么辦 相關圖片打印機出現錯誤狀態是怎么回事隨著我們的素質、工作和生活的不斷提高,效率的提高也越來越高。打印機解決了過去需要通過復制來完成的工作。它不僅節省了時間,而且保證了數據...

  • 設計師,室內設計師的一天

    設計師,室內設計師的一天 相關圖片設計師是干什么的羅馬尼亞UI設計師Paul Flavius nechita今年6月29日開始了為期100天的UI挑戰賽。他為自己設定了一個目標,每天設計一個UI界面,每天花大約ui設計師資格證...

  • 000007e藍屏,藍屏0ed

    000007e藍屏,藍屏0ed 相關圖片藍屏000008e很多用戶反映,這臺電腦剛買下來,藍屏錯誤碼ox0000007e無緣無故出現。0x0000007e error表示系統進程遇到問題,如果遇到此類問題,應該怎么辦?0x0000007e藍屏...

  • from子句語法錯誤,SQLfrom子句語法錯誤

    from子句語法錯誤,SQLfrom子句語法錯誤 相關圖片語法錯誤在Dreamweaver CS4中,成功連接到數據庫后,立即綁定到數據庫。然而,在測試過程中有一個令人費解的問題。單擊綁定測試時,from子句中總會出現語法錯誤語法錯誤有哪些...

  • cad臨時文件在哪,如何找到cad臨時文件

    cad臨時文件在哪,如何找到cad臨時文件 相關圖片天正臨時文件當我們使用Auto CAD軟件時,我們會遇到崩潰和致命錯誤。當退出ACAD過程時,CAD直接退出。因此,我們在CAD軟件異常關閉之前所做的一些事情沒有被保存。你cad臨時文件后綴...

  • 網頁設計代碼案例,網頁設計案例

    網頁設計代碼案例,網頁設計案例 相關圖片網頁設計案例下載Webgl技術可以實現一些很酷的二維/三維圖形。與flash不同,webgl可以在主流瀏覽器中運行,而無需安裝插件。因為3D效果,設計師又有了一個創作靈感。通過網頁設計哪...

  • 安卓手機安全模式怎么解除,三星手機安全模式怎么解除

    安卓手機安全模式怎么解除,三星手機安全模式怎么解除 相關圖片怎么解除手機密碼與windows的安全模式類似,用戶可以在安全模式下輕松修復手機系統的一些錯誤,可以事半功倍。安全模式是移動Android系統中的一種特殊模式。在安全模式下,系手機退...

  • 設計師都去哪找素材,室內設計素材

    設計師都去哪找素材,室內設計素材 相關圖片廠房建筑設計我很好奇在《運球與行為》上發表名著的諸神在哪里尋找素材?是的,即使他們需要優秀材料的支持來完成他們的工作。今天我們將公布他們的材料來源。有網站,PSD材料...

  • word分隔符怎么用,word 分隔符

    word分隔符怎么用,word 分隔符 相關圖片word文檔取消分隔符當使用Word 2007的正式版本編寫Word文檔時,需要在文檔中插入分隔符,但許多人不知道如何插入分隔符。實際上,只要打開Word 2007,就可以看到要插入word刪除分隔符...

關注微信

变脸官网查询