Vue: ΠžΡ‚ΠΏΡ€Π°Π²ΠΊΠ° событий Π½Π΅ выполняСтся Π² ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ порядкС?

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 29 июл. 2016  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: vuejs/vue

ВСрсия Vue.js

1.0.26

Бсылка Π½Π° воспроизвСдСниС

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

ДСйствия ΠΏΠΎ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡŽ

  1. НаТмитС Π½Π° Π²Π²ΠΎΠ΄
  2. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ

    Π§Ρ‚ΠΎ оТидаСтся?

Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ Ρ‰Π΅Π»Ρ‡ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΡƒΡ‰Π΅Π½ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ продолТится.

Π§Ρ‚ΠΎ происходит Π½Π° самом Π΄Π΅Π»Π΅?

ВызываСтся событиС размытия, ΠΈ событиС Ρ‰Π΅Π»Ρ‡ΠΊΠ° удаляСтся.


Π― понятия Π½Π΅ имСю, связано Π»ΠΈ это с Vue ΠΈΠ»ΠΈ с Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π΄Π΅Π»Π΅Π³ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ событий. Π₯отя я тСстировал это с Firefox, Chrome, IE ΠΈ Edge, Π’Π‘Π• ΠΎΠ½ΠΈ Π²Π΅Π»ΠΈ сСбя ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ.

Π›ΡŽΠ±Π°Ρ подсказка Π±ΡƒΠ΄Π΅Ρ‚ высоко ΠΎΡ†Π΅Π½Π΅Π½Π°.
Π—Π°Ρ€Π°Π½Π΅Π΅ спасибо.

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π­Ρ‚ΠΎ стандартноС ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ВмСсто этого Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Ρ‚ΡŒ событиС mousedown .

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ способом Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ Π»ΠΎΠ³ΠΈΠΊΡƒ:

  • Π”Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° исчСзла послС размытия Π²Π²ΠΎΠ΄Π°.
  • ΠŸΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ, Ссли сама ΠΊΠ½ΠΎΠΏΠΊΠ° находится Π² фокусС.

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π­Ρ‚ΠΎ интСрСсный вопрос.
Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши, связанноС с ΠΊΠ»ΠΈΠΊΠΎΠΌ, Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ Π½Π° Π²Ρ…ΠΎΠ΄Π΅ Π΅Ρ‰Π΅ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΡƒΡ‰Π΅Π½ΠΎ событиС ΠΊΠ»ΠΈΠΊΠ°.

Π‘Π»ΠΎΠΆΠ½Ρ‹ΠΉ.

Π­Ρ‚ΠΎ стандартноС ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ВмСсто этого Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Ρ‚ΡŒ событиС mousedown .

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ способом Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ Π»ΠΎΠ³ΠΈΠΊΡƒ:

  • Π”Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° исчСзла послС размытия Π²Π²ΠΎΠ΄Π°.
  • ΠŸΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ, Ссли сама ΠΊΠ½ΠΎΠΏΠΊΠ° находится Π² фокусС.

Π― Π΄ΡƒΠΌΠ°ΡŽ, достаточно события mousedown , большоС спасибо @simplesmiler !

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ