Vue: Pengiriman acara tidak dilakukan dalam urutan yang benar?

Dibuat pada 29 Jul 2016  ·  3Komentar  ·  Sumber: vuejs/vue

Versi Vue.js

1.0.26

Tautan Reproduksi

http://codepen.io/anon/pen/akjNbW

Langkah-langkah untuk mereproduksi

  1. Klik masukan
  2. Coba klik tombolnya

    Apa yang Diharapkan?

Acara klik yang akan dipicu, dan kemudian blur untuk melanjutkan.

Apa yang sebenarnya terjadi?

Peristiwa blur dipanggil dan peristiwa klik dibuang.


Saya tidak tahu apakah ini terkait dengan Vue atau bagaimana Browser menangani delegasi acara. Meskipun saya menguji ini dengan Firefox, Chrome, IE dan Edge, mereka SEMUA berperilaku sama.

Petunjuk apa pun akan sangat dihargai.
Terima kasih sebelumnya.

Komentar yang paling membantu

Ini adalah perilaku standar browser. Anda mungkin ingin mendengarkan acara mousedown sebagai gantinya.

Cara yang tepat adalah dengan menggunakan logika yang lebih rumit:

  • Beri tombol beberapa saat untuk menghilang setelah input blur.
  • Paksa tombol agar terlihat jika tombol itu sendiri terfokus.

Semua 3 komentar

Ini adalah pertanyaan yang menarik.
Saya pikir keydown terkait klik memicu blur pada input bahkan sebelum acara klik diaktifkan.

Sulit.

Ini adalah perilaku standar browser. Anda mungkin ingin mendengarkan acara mousedown sebagai gantinya.

Cara yang tepat adalah dengan menggunakan logika yang lebih rumit:

  • Beri tombol beberapa saat untuk menghilang setelah input blur.
  • Paksa tombol agar terlihat jika tombol itu sendiri terfokus.

Acara mousedown sudah cukup saya rasa, terima kasih banyak @simplesmiler !

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

guan6 picture guan6  ·  3Komentar

lmnsg picture lmnsg  ·  3Komentar

paulpflug picture paulpflug  ·  3Komentar

seemsindie picture seemsindie  ·  3Komentar

robertleeplummerjr picture robertleeplummerjr  ·  3Komentar