За последние 24 часа нас посетили 19289 программистов и 1666 роботов. Сейчас ищут 1618 программистов ...

onfocus и onblur

Тема в разделе "JavaScript и AJAX", создана пользователем Искандар, 19 дек 2018.

  1. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    78
    Симпатии:
    6
    Всем добрый ночи!
    есть не большой код, почему-то не работает...
    Посмотрите пожалуйста что я не так делаю(
    HTML:
    1. <input type="text" value="your email" name="email" id="email" tabindex="20" />
    Код (Javascript):
    1. var emailField = document.getElementById("email");
    2. emailField.onfocus = function() {
    3.     if ( emailField.value == "your email") {
    4.         emailField.value = "";
    5.     }
    6. }
    7. emailField.onblur = function() {
    8.     if ( emailField.value == "") {
    9.         emailField.value = "your email";
    10.     }
    11. }
    Спасибо!
     
  2. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    чем placeholder не угодил?
     
    webtask нравится это.
  3. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.593
    Симпатии:
    362
    @Искандар, если не считать отсутствующих в 6 и 11 строках точки-с-запятой и желательности использования точного сравнения (===) в 3 и 8 строках, то всё так, как и должно быть.
    Ещё не помешает разместить этот код в обработчике window.onload (или его аналоге от какой-нибудь js-библиотеки) и добавить проверку на успешность нахождения элемента по его id.
     
  4. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    78
    Симпатии:
    6
    Простите я не профи.
    Но я проверил на http://jsfiddle.net/ всё работает. Или я должен подключить библиотеку jquery?
     
  5. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Искандар Ты должен использовать placeholder. Ну а если где то работало а где то нет значит вызываешь перед инициализацией дива. Подключай внизу страницы или onload. Смотри в консоль она покажет ошибку.
     
  6. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    78
    Симпатии:
    6
    Я не совсем понимаю, можете на примере показать для чайника)?
     
  7. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    HTML:
    1. <input type="text" name="email" id="email" tabindex="20" placeholder="TEXTTTTTT" />