我還是喜歡用jquery來實現，不管頁面中多少個輸入框需要實現聚焦，失焦，都公有，我常用的方法是：
遍歷該頁面中的input框，獲取輸入框中的val值，當該輸入框聚焦的時候跟存放的oldValue值進行比較，如果值相同，就把該值變為空，失焦的時候，把原來存放的值再吃賦值到val上，具體代碼如下：
$(function(){ $("input[class*=input]").each(function(){ var oldValue=$(this).val(); $(this).focus(function(){ if($(this).val()==oldValue){ $(this).val(''); } }) .blur(function(){ if($(this).val()==""){ $(this).val(oldValue) } }) });})
<input type="text" onfocus="if(this.value=='聚焦吧') this.value='';" onblur="if(this.value=='') this.value='聚焦吧';" value="聚焦吧" name="name">
js實現方法二：
html代碼：
<input type="text" value="聚焦吧" id="myinput" />
js代碼如下：
function addListener(element,e,fn){ if(element.addEventListener){ element.addEventListener(e,fn,false); }else{ element.attachEvent("on" + e,fn); } } var myinput = document.getElementById("myinput"); addListener(myinput,"click",function(){ myinput.value = ""; }) addListener(myinput,"blur",function(){ myinput.value = "聚焦吧"; })
當然當頁面中有聚焦，失焦的時候，我還是推薦使用jquery的這種實現方式的。
新聞熱點
疑難解答
