没有特定元素的如何模糊

时间:2012-03-23 16:18:46

标签: jquery

当我使用模糊事件时,输入表格清晰。但我需要模糊事件包括除提交按钮之外的所有html页面。

html代码:

<form method="POST" action="#" id="form">
     <table border="1">
       <tr><td></td></tr>
       <tr><td><input type="text" id="email" value="EMAIL ADDRESS_" maxlength="65"/></td></tr>
       <tr><td><input type="submit" value="" id="submit"/></td></tr>
     </table>
</form>

jQuery代码:

$(document).ready(function(){
    $('#email[type=text]').focus(function(){
         $(this).val("");

    }).blur(function(){
       if(this.value==""){
         $(this).val("EMAIL ADDRESS_");
       }
    });
});

2 个答案:

答案 0 :(得分:0)

除非我遗漏了什么:

$('form input[type!=submit]').focus(function(){
     $(this).val("");

}).blur(function(){
   if(this.value==""){
     $(this).val("EMAIL ADDRESS_");
   }
});

答案 1 :(得分:0)

因此,经过多次寻找正确答案的花费,我认为这是最好的解决方案。我找到了答案 here

var setTimer = { timer: null }
    $('input,select').blur(function () {
        setTimer.timer = setTimeout(function () {
           $('#text').val('text');
        }, 200);
    });

    $('input,select').focus(function () {
        setTimer.timer = setTimeout(function () {
            $('#text').val('');
        }, 200);
    });

    $("#submit").click(function () {
        clearTimeout(setTimer.timer);
        //do something
    });