jquery/js實現驗證聚焦，失焦

2024-04-27 15:00:46

字體：大中小

來源：轉載

供稿：網友

jquery實現驗證聚焦，失焦方法：

我還是喜歡用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)            }        })          });})

js實現方法一：直接在input中添加

<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 = "聚焦吧";     })