0

Всем привет. Есть такой input:

<input type="text" name="" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" />

Знатоки поняли, что делает это скрипт. Можно ли утварить такое на jQuery со след. особенностями. Если у инпута класс .mi, то тогда используем этот скрипт. Берем value, сверяем с изначальным значение и работаем?

У самого не получилось, потому что плохо знаю JS

3
  • 6
    Вопрос - можно-ли, ответ - да, можно :)
    – user3545
    3 окт 2012 в 13:29
  • Щютник :) А догадаться, что следующий вопрос на полном серьезе будет "Как?"? =) Так что лучше опережать события, если не указано прямо обратное.
    – knes
    3 окт 2012 в 13:35
  • И докопаетесь же вы..))
    – acidernt
    3 окт 2012 в 14:02

3 ответа 3

4

почему бы и нет? (написано на коленке, так что...)

<input type="text" name="search" id="search" class="mi" value="Поиск..." title="Поиск..." />
<input type="text" name="search2" id="search2" value="Поиск2..." title="Поиск2..." />

$(function() {
    $('input[title].mi').bind({
        focus: function() {
            if ($(this).attr('title') == $(this).attr('value')) {
                $(this).attr('value', '');
            }
        },
        blur: function() {
            if ($(this).attr('value') == '') {
                $(this).attr('value', $(this).attr('title'));
            }
        }
    });
});
2
  • Спасибо большое, только уберите пробел тут: input[title].mi
    – acidernt
    3 окт 2012 в 13:38
  • ну да, убрал :)
    – thunder
    3 окт 2012 в 13:40
2

да.

$('.mi').on('focus',function(){
  if($(this).val()=='Поиск...'){ 
    $(this).val('');
  }
}).on('blur',function(){
  if($(this).val()==''){ 
    $(this).val('Поиск...');
  }
});
2
<input placeholder="Поиск...">

Единственно эта роскошь не работает в IE =(

Ну или можно отуниверсалить так:

function eFocus(element){
   if (element.value == element.defaultValue){
       element.focus();
       element.value = '';
   }
}
function eBlur(element){
   if (element.value == ''){
       element.blur();
       element.value = element.defaultValue;
   }
}
<input type="text" value="Поиск..." onfocus="eFocus(this);" onblur="eBlur(this);">
1
  • ? вопрос был сделать это на jQuery...
    – thunder
    4 окт 2012 в 8:55

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.