日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果( 二 )

云知道


當用戶鍵盤按鍵且輸入框為空( 刪除字符 )時，加載背景圖 。
此方法的缺點是：需要為每一個提示文字不同的input制作背景圖片，并且設置input的樣式 。
HTML代碼不變 。
CSS：
.phbg{ background:url(img/bg.jpg) 0 0 no-repeat;}JS：
$(function(){//判斷瀏覽器是否支持placeholder屬性supportPlaceholder=’placeholder’ in document.createElement(’input’);if(!supportPlaceholder){//初始狀態(tài)添加背景圖片$("#uname").attr("class","phbg");//初始狀態(tài)獲得焦點$("#uname").focus;function destyle(){if($("#uname").val() != ""){$("#uname").removeClass("phbg");}else{$("#uname").attr("class","phbg");}}//當輸入框為空時，添加背景圖片；有值時去掉背景圖片destyle();$("#uname").keyup(function(){//當輸入框有按鍵輸入同時輸入框不為空時，去掉背景圖片；有按鍵輸入同時為空時（刪除字符），添加背景圖片destyle();});$("#uname").keydown(function(){//keydown事件可以在按鍵按下的第一時間去掉背景圖片$("#uname").removeClass("phbg");});}});此方法至此結束 。
此方法在IETester的IE8下顯示效果：
獲得焦點時：

兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果


失去焦點時：
兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果


有輸入時：
兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果


【兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果】如果有朋友有更好的方法，歡迎交流討論 。
您可能感興趣的文章:使用jQuery快速解決input中placeholder值在ie中無法支持的問題IE下支持文本框和密碼框placeholder效果的JQuery插件分享基于jQuery的讓非HTML5瀏覽器支持placeholder屬性的代碼jQuery實現(xiàn)的一個自定義Placeholder屬性插件jQuery實現(xiàn)的placeholder效果完整實例jQuery插件EnPlaceholder實現(xiàn)輸入框提示文字jQuery實現(xiàn)HTML5 placeholder效果實例jquery實現(xiàn)（textarea）placeholder自動換行jquery 判斷是否支持Placeholder屬性的方法jQuery封裝placeholder效果實現(xiàn)方法,讓低版本瀏覽器支持該效果jQuery實現(xiàn)IE輸入框完成placeholder標簽功能的方法

推薦閱讀