2.2.1
https://jsfiddle.net/nosferatu79/z1jhpewo/
ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ
ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ΅ΠΊΡΡ:
ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ
ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ
Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΡ:
ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ
Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΌ
https://github.com/vuejs/vue/commit/3294eba5a572f03290ce38f15625732dafd8e45d
ΠΠ·Π²ΠΈΠ½ΠΈΡΠ΅, ΠΏΠΎΠΏΡΠΎΠ±ΡΡ Ρ Π²Π΅ΡΡΠΈΠ΅ΠΉ> 2.2.1,
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ
ΠΈΠ·Π²ΠΈΠ½ΠΈΡΠ΅, Π½ΠΎ Π² ΡΡΠΎΠΉ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΡΡΠΎ ΡΠΎΠΆΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ:
https://jsfiddle.net/z1jhpewo/1/
@stefanonepa
ΠΈΠ·Π²ΠΈΠ½ΠΈ ΡΡΠΎ ΠΌΠΎΡ Π²ΠΈΠ½Π°
@stefanonepa
ΠΌΠΎΠΆΠ΅Ρ ΡΠ΅Π±Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅
https://javascript.info/mouse-events-basics
@Kingwl Π― Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, ΡΡΠΎ ΡΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΎΡΠ΅Π½Ρ Π½Π°Π΄Π΅ΠΆΠ½Π°, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΠΈ Π·Π΄Π΅ΡΡ: https://javascript.info/mouse-events-basics#complex -events Π³ΠΎΠ²ΠΎΡΠΈΡΡΡ, ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΠΏΡΠΈ mousedown (ΠΈ Π² ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π΅ Π±ΡΠ»ΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΡΠΎΡΡΠΎ ΡΠ±ΡΠ°Π»ΠΈ ΠΏΡΠ°Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ) ...
Π‘ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ, ΠΎΠ½ Π³ΠΎΠ²ΠΎΡΠΈΡ, ΡΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ ΡΠ΅Π»ΡΠΊΠ° Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π·Π° mousedown ΡΠ»Π΅Π΄ΡΠ΅Ρ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΡΡΠΈ ... Π’Π°ΠΊ ΡΡΠΎ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ
@click.right
Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ, Π²Ρ Π½Π΅ ΡΠΎΠ³Π»Π°ΡΠ½Ρ?
@stefanonepa
https://www.w3.org/TR/uievents/#event -type-click
Π‘ΠΎΠ±ΡΡΠΈΠ΅ ΡΠ΅Π»ΡΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ (Ρ. Π. ΠΠΎΠ³Π΄Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π²Π½ΠΎ 0, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π²Π½ΠΎ 1). ΠΡΠΎΡΠΈΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠ΅Π΄Π½ΡΡ ΠΈΠ»ΠΈ ΠΏΡΠ°Π²Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ ΠΌΡΡΠΈ) ΠΠ ΠΠΠΠΠΠ« Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ ΡΠ΅Π»ΡΠΊΠ°. Π‘ΠΎΠ±ΡΡΠΈΡ ΡΠ΅Π»ΡΠΊΠ° ΠΠΠΠ£Π’ ΠΏΡΠ΅Π΄ΡΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ mousedown ΠΈ mouseup Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π±Π΅Π· ΡΡΠ΅ΡΠ° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠΈΠΏΠ°ΠΌΠΈ ΡΠ·Π»ΠΎΠ² (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌΠΈ ΡΠ·Π»Π°ΠΌΠΈ). Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ ΡΡΠ΅Π΄Ρ ΡΠΎΠ±ΡΡΠΈΠ΅ click ΠΠΠΠΠ’ Π±ΡΡΡ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½ΠΎ, Π΅ΡΠ»ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ ΠΈ ΠΎΡΠΏΡΡΠΊΠ°Π½ΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠΏΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ mouseover, mousemove ΠΈ mouseout. ΠΠ° ΡΠΎΠ±ΡΡΠΈΠ΅ΠΌ ΡΠ΅Π»ΡΠΊΠ° ΠΠΠΠΠ’ ΡΠ°ΠΊΠΆΠ΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΠ΅ dblclick.
@Kingwl ΡΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΡΡΠ°Π½Π΄Π°ΡΡ (Π΄Π°ΠΆΠ΅ Π΄Π»Ρ ΠΌΠ΅Π½Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΌΠ°Π½Π½ΠΎ)
ΠΠΎ ΠΊΠ°ΠΊ ΠΌΠ½Π΅ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ .right
Β«ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΌΡΡΠΈΒ» (ΡΠΌ. Https://vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers)? ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ @click.middle
Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠ΅ ΡΠ΅Π»ΡΠΊΠ° ... ΠΠΎΠΆΠ΅Ρ, ΠΌΠ½Π΅ ΡΡΠΎΠΈΡ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ?
Π₯ΠΌ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, click.right
Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ Π² contextmenu
Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΠΈ?
ΠΡΠ»ΠΎ Π±Ρ Π·Π΄ΠΎΡΠΎΠ²ΠΎ!
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ @ yyx990803 !
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π₯ΠΌ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ,
click.right
Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ Π²contextmenu
Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΠΈ?