JS обработать событие

Discussion in 'PHP' started by FriLL, 6 Dec 2016.

  1. FriLL

    FriLL Member

    Joined:
    14 Sep 2008
    Messages:
    90
    Likes Received:
    24
    Reputations:
    8
    Пытаюсь обработать событие на изменение значения input text
    Но дело в том, что onChange требует чтобы элемент потерял фокус(т.е. кликнуть "в сторону"), а я
    хочу чтобы этого не надо было делать. Если точнее надо чтобы я вводил символы и когда их будет, предположим 10 сработал alert. Что можно придумать?

    PHP:
    <html>
    <
    head>
    <
    title>TITLE</title>
    <
    body>
    <
    form method="post">
    <
    input type="text" onChange="alert('123')">
    <
    input type="submit" value="Отправить">
    </
    form>

    </
    body>
    </
    html>
    Ну функцию подсчета я само собой напишу
     
    #1 FriLL, 6 Dec 2016
    Last edited: 6 Dec 2016
  2. mailbrush

    mailbrush Well-Known Member

    Joined:
    24 Jun 2008
    Messages:
    1,997
    Likes Received:
    996
    Reputations:
    155
    onkeyup/onkeydown?
     
  3. FriLL

    FriLL Member

    Joined:
    14 Sep 2008
    Messages:
    90
    Likes Received:
    24
    Reputations:
    8
    Я тоже об этом думал, но что если текст вставят?
    Конкретно в моем случае я сканирую сканером штрих-кодов и должен проверить кол-во символов, т.е. никаких onkeyup/onkeydown нет
     
  4. bologer

    bologer Member

    Joined:
    25 Nov 2016
    Messages:
    62
    Likes Received:
    18
    Reputations:
    3
    Пример на JS: http://codepen.io/bologer/pen/BQxQBv
    Для JS примера тебе будет достаточно onkeypress, но onfocus и onfocusout тоже можно добавить, чтобы если что проверить содерживое инпута как только на нем будет фокус или его уберут.

    Рабочий пример на jQuery: http://codepen.io/bologer/pen/WoJGqW
     
    FriLL likes this.
  5. FriLL

    FriLL Member

    Joined:
    14 Sep 2008
    Messages:
    90
    Likes Received:
    24
    Reputations:
    8
    Спасибо, вроде onfocus решает вопрос