Событие размытия также включает кнопку отправки/jquery

Question

Когда я использовал событие размытия из поля ввода, оно включает в себя всю страницу, но также кнопку отправки. Итак, как избежать того, что событие размытия не включает кнопку отправки?

Вот HTML код:

<form> 
    <input type="text" value="EMAIL ADDRESS_" id="text" /> 
    <input type="submit" val="" id="submit" /> 
</form> 

и сценарий:

$('form input[type!=submit]').focus(function(){ 
    $(this).val(""); 
    }); 
$('form input[type!=submit]').blur(function(){ 
    if(this.value==""){ 
    $(this).val("EMAIL ADDRESS_"); 
    } 
}); 

Я беру этот код из моего предыдущего вопроса, но это не work.Blur события до сих пор включает в себя кнопку

представить

Answer 1

Я думаю, вместо того, чтобы избегать одного поля из выбора, вам лучше указать элементы, которые нужно учитывать для выбора. В противном случае, если кто-то/вы, в будущем, может добавить новый элемент в форму, и вам может быть интересно, где это поведение (размытия и фокуса) исходит из «только что добавленного элемента»!

$(function(){ 
$("form input[type='text']").focus(function(){ 
     $(this).val(""); 
    }); 
$("form input[type='text']").blur(function(){ 
    if(this.value==""){ 
     $(this).val("EMAIL ADDRESS_"); 
     } 
    }); 
}); 

Обратите внимание, что вы по-прежнему ориентации все поля ввода, который является тип текста. Поэтому, если это возможно, попробуйте сделать его более конкретным, применив имя класса к этим элементам и используя его как селектор. Или вы можете использовать id элемента.

$("form #yourElemntId").focus(function(){ 
    //do stuff 
}); 

Answer 2

Ваше решение почти хорошо, вы просто не хватает цитаты между submit

$("form input[type!='submit']").focus(function(){ 
    $(this).val(""); 
    }); 
$("form input[type!='submit']").blur(function(){ 
    if(this.value==""){ 
    $(this).val("EMAIL ADDRESS_"); 
    } 
});