в html и javascript, я могу использовать keyup, focus, blur, чтобы обнаруживать большую часть изменений содержимого в текстовом вводе, однако, если пользователь делает копию и вставляет в текстовый ввод, как я могу зафиксировать это изменение? Проблема здесь в том, что вход уже находится в фокусе, когда пользователь вставляет его в него.обнаружение изменений в текстовом поле ввода с использованием jquery/javascript
ответ
Вы могли бы захватить событие вставки (http://www.quirksmode.org/dom/events/cutcopypaste.html)
$("#myinput").bind("paste",function(){
//code here
})
текстовое поле имеет событие OnChange, которое срабатывает, когда a) текстовое поле теряет фокус, а значение в текстовом поле изменилось.
, к сожалению, это не работает для вставки, потому что фокус не теряется, когда пользователь вставляет что-то в текстовое поле – user121196
вы находитесь не поймав PASTE, вы поймете, что значение было изменено, когда пользователь покидает текстовое поле. –
$("#myinput").change(function(){
// whatever you need to be done on change of the input field
});
// Trigger change if the user type or paste the text in the field
$("#myinput").keyup(function(){
$(this).change();
});
// if you're using a virtual keyboard, you can do :
$(".key").live('click',function(){
$("#myinput").val($("#myinput").val()+$(this).val());
$("#myinput").change(); // Trigger change when the value changes
});
изменение события запускается только при выходе из этого поля ввода, а не при каждом нажатии клавиши. keyup - беспорядок, поскольку, если вы нажимаете клавишу вкладок, это вызовет событие для следующего элемента, тот, который вы введете (по крайней мере, в firefox 5.0)! Также - вы говорите, что событие keyup будет срабатывать при вставке? - это правильно, если вы введете клавиатуру, а не в контекстное меню браузера. – ThatGuy
- 1. JavaScript - обнаружение изменений в текстовом поле
- 2. Обнаружение изменений в текстовом поле HTML
- 3. IOS 7 - Обнаружение изменений в текстовом поле
- 4. Обнаружение изменений, внесенных в поле ввода с помощью Bootstrap Datetimepicker
- 5. Форматирование текста в текстовом поле (поле ввода) с использованием .css
- 6. Обнаружение изменений в отключенном поле
- 7. Обнаружение пробелов в текстовом поле
- 8. Обнаружение новых элементов DOM и изменений в поле ввода - JQuery
- 9. Обнаружение любых изменений ввода jQuery
- 10. Поле ввода изменений JQuery
- 11. Обнаружение переполнения в поле ввода
- 12. обнаружение символа в поле ввода
- 13. Обнаружение пасты в поле ввода
- 14. Обнаружение изменения текста в пустом текстовом поле
- 15. Обнаружение фокуса UISearchBar в текстовом поле
- 16. обнаружение ключа (caplock) в текстовом поле
- 17. обнаружение пасты на поле ввода
- 18. Печать ввода пользователей в поле ввода с использованием php
- 19. «\ r» в текстовом поле ввода в silverlight
- 20. Обнаружение кнопки отправки/отправки в многострочном текстовом поле
- 21. Отслеживание изменений в текстовом поле в scala js
- 22. Обнаружение спама на многоязычном текстовом поле
- 23. Нужно вызвать кнопку ввода на текстовом поле?
- 24. Autosuggest в текстовом поле с использованием php
- 25. Предотвращение пробелов в текстовом поле ввода
- 26. Отображение формы ввода в дополнительном текстовом поле
- 27. показать фоновое изображение в текстовом поле ввода
- 28. сделать кнопку ввода в текстовом поле
- 29. Обнаружение изменений и материал 2
- 30. Поведение ввода ключа в текстовом поле
Это хорошо! к сожалению, паста не поддерживается во всех браузерах. FF3 – user121196