JQuery: как обновить div при вставке в форму (например, Facebook)

Question

У меня есть поле ввода, где пользователь может вставить ссылку. Я хотел бы, чтобы div появлялся, как только пользователь добавляет URL в поле ввода.

До сих пор я использовал .blur и .onfocus, но div появляется только после того, как я щелкну за пределами поля ввода после вставки URL.

Это похоже на Facebook: как только вы вставите ссылку, она загрузит окно без перезагрузки страницы.

Answer 1

.blur противоположно .focus - оно срабатывает, когда указанное поле теряет фокус.Вам нужно использовать что-то, что срабатывает при каждом нажатии клавиши, например .keyup

Обратите внимание, что .change не будет работать - оно также только срабатываеткогда поле теряет фокус

Answer 2

Поскольку они могут вставлять URL-адрес с помощью мыши или клавиатуры, вы можете попробовать связать и keyup, и mouseup, и проверить, присутствует ли действительный URL-адрес.Однако у вас могут возникнуть проблемы, если они будут вводить URL-адрес за символом - это может быть действительный URL-адрес даже до того, как он будет фактически завершен.

Затем можно попробовать связать еще одну вещь.перемещать мышь по всему документу, но остановить распространение события в поле ввода.Таким образом, вы сработаете, как только они отойдут от поля, вместо того, чтобы фактически щелкать за пределами окна.

Answer 3

Я бы сканировал содержимое текстовой области по нажатию клавиши и использовал регулярное выражение для поиска "http://"