Как прослушать событие вставки в форме в Safari с помощью Vuejs

#javascript #vue.js #dom #safari

#javascript #vue.js #dom #safari

Вопрос:

У меня есть форма в Vuejs. При вводе номера кредитной карты у меня есть это: @change="updateNumber($event)"

В Chrome, когда я вставляю номер кредитной карты или когда он автоматически заполняется из моих сохраненных карточек, это распознается как «изменение». Однако в Safari это не так. Событие изменения не генерируется. Мне интересно, какое событие мне нужно прослушать и как настроить этот пользовательский прослушиватель событий в моем компоненте Vuejs. Спасибо!

Комментарии:

1. input Событие улавливает вставки

2. Для тех, у кого тоже есть эта проблема, событие вставки также не генерируется. Я видел только, как событие ввода работает в Safari

Ответ №1:

Вместо прослушивания @change прослушивания @input , которое вызовет событие, когда пользователь вставит его во ввод.

Ваш конечный код становится:

 @input="updateNumber($event)"
 

Вот рабочая скрипка, которую я тестировал как в Chrome, так и в Safari