找了一個兼容IE低版本的placeholder屬性 ? IE7和IE8都正常為什么IE9 版本密碼文本框會出現(xiàn)[object這東西我看了一下 ?問題好像出現(xiàn)在了這兩段代碼中? var pwdVal = pwdField.attr('placeholder')== "登錄密碼"?$('#passwd').text(""):pwdField.attr('placeholder',"");? pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' autocomplete="off" class="inp_login borderGreen"/>');求各位好心人幫忙看看 ? ?能加我?guī)臀疫h程解決更是萬分感謝!<input type="password" name="passwd" id="passwd" class="inp_login borderGreen" placeholder="登錄密碼" autocomplete="on"/>//判斷瀏覽器是否支持 placeholder屬性? ? function isPlaceholder(){? ? ? ? var input = document.createElement('input');? ? ? ? return 'placeholder' in input;? ? }? ? if (!isPlaceholder()) {//不支持placeholder 用jquery來完成? ? ? ? $(document).ready(function() {? ? ? ? ? ? if(!isPlaceholder()){? ? ? ? ? ? ? ? $("input").not("input[type='password']").each(//把input綁定事件 排除password框? ? ? ? ? ? ? ? ? ? ? ? function(){? ? ? ? ? ? ? ? ? ? ? ? ? ? if($(this).val()=="" && $(this).attr("placeholder")!=""){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).val($(this).attr("placeholder"));? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).focus(function(){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if($(this).val()==$(this).attr("placeholder")) $(this).val("");? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).blur(function(){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if($(this).val()=="") $(this).val($(this).attr("placeholder"));? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? //對password框的特殊處理1.創(chuàng)建一個text框 2獲取焦點和失去焦點的時候切換? ? ? ? ? ? ? ? var pwdField ? ?= $("input[type=password]");? ? ? ? ? ? ? ? var pwdVal = pwdField.attr('placeholder')== "登錄密碼"?$('#passwd').text(""):pwdField.attr('placeholder',"");? ? ? ? ? ? ? ? pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' autocomplete="off" class="inp_login borderGreen"/>');? ? ? ? ? ? ? ? var pwdPlaceholder = $('#pwdPlaceholder');? ? ? ? ? ? ? ? pwdPlaceholder.show();? ? ? ? ? ? ? ? pwdField.hide();? ? ? ? ? ? ? ? pwdPlaceholder.focus(function(){? ? ? ? ? ? ? ? ? ? pwdPlaceholder.hide();? ? ? ? ? ? ? ? ? ? pwdField.show();? ? ? ? ? ? ? ? ? ? pwdField.focus();? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? pwdField.blur(function(){? ? ? ? ? ? ? ? ? ? if(pwdField.val() == '') {? ? ? ? ? ? ? ? ? ? ? ? pwdPlaceholder.show();? ? ? ? ? ? ? ? ? ? ? ? pwdField.hide();? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? });? ? ? ? ? ? }? ? ? ? });? ? }? ? //兼容placeholder屬性 END
關(guān)于input placeholder屬性 兼容IE9版本的問題 求解決 急!
Maze
2015-06-04 17:38:24