Vue: рдорд╛рдЙрд╕ рд╕рдВрд╢реЛрдзрдХ @ click.right рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 30 рдорд╛рд░реНрдЪ 2017  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: vuejs/vue

рд╕рдВрд╕реНрдХрд░рдг

2.2.1

рдкреНрд░рдЬрдирди рд▓рд┐рдВрдХ

https://jsfiddle.net/nosferatu79/z1jhpewo/

рдкреНрд░рдЬрдирди рдХрд░рдиреЗ рдХрд┐ рдкреНрд░рдХреНрд░рд┐рдпрд╛

рдЕрдкрдиреЗ рдорд╛рдЙрд╕ рдХреЗ рджрд╛рд╣рд┐рдиреЗ рдХреНрд▓рд┐рдХ рдХреЗ рд╕рд╛рде textarea рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ

рдХреНрдпрд╛ рдЙрдореНрдореАрдж рд╣реИ?

рдпрд╣ textarea рдореЗрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкрд╛рда рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рд┐рдП:

рд╕рдВрджрд░реНрдн рдХреА рд╡рд┐рдХрд▓реНрдк - рд╕реВрдЪреА
рд╕рд╣реА

рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреНрдпрд╛ рд╣реЛ рд░рд╣рд╛ рд╣реИ?

рдХреЗрд╡рд▓ рдкрд╛рда рд╣реИ:

рд╕рдВрджрд░реНрдн рдХреА рд╡рд┐рдХрд▓реНрдк - рд╕реВрдЪреА

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рдореНрдо рд╢рд╛рдпрдж click.right рд╕рдВрдХрд▓рди рд╕рдордп рдкрд░ contextmenu рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП?

рд╕рднреА 11 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рддрдп рд▓рдЧ рд░рд╣рд╛ рд╣реИ
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, рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рд╕рдВрджрд░реНрднрдореЗрди рдХреЛ рдореВрд╕рдбрд╛рдЙрди рдореЗрдВ рдирд┐рдХрд╛рд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ (рдФрд░ рдореЗрдВ рдЙрджрд╛рд╣рд░рдг рд╣реИ рдХрд┐ рдЕрдЧрд░ рддреБрдо рд╕рд┐рд░реНрдл рд╕рд╣реА рдмрдЯрди mousdown) рдпрд╣ рд╕рдВрджрд░реНрдн рдирд╣реАрдВ рд▓рд┐рдЦрд╛ ...

рджреВрд╕рд░реЗ рддрд░реАрдХреЗ рд╕реЗ рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдореВрд╕рдбрд╛рдЙрди рдХреЗ рдмрд╛рдж рдорд╛рдЙрд╕рдЕрдк рджреНрд╡рд╛рд░рд╛ рдПрдХ рдХреНрд▓рд┐рдХ рдЗрд╡реЗрдВрдЯ рдХреЛ рдирд┐рдХрд╛рд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ ... рддреЛ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐

@click.right

рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдЖрдк рд╕рд╣рдордд рдирд╣реАрдВ рд╣реИрдВ?

@stefanonepa
https://www.w3.org/TR/uievents/#event -type-click

рдХреНрд▓рд┐рдХ рдЗрд╡реЗрдВрдЯ рдХреЛ рдХреЗрд╡рд▓ рдкреНрд░рд╛рдердорд┐рдХ рдкреЙрдЗрдВрдЯрд░ рдмрдЯрди рдХреЗ рд▓рд┐рдП рдирд┐рдХрд╛рд▓ рджрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП (рдпрд╛рдиреА, рдЬрдм рдмрдЯрди рдХрд╛ рдореВрд▓реНрдп 0 рд╣реИ, рддреЛ рдмрдЯрди рдХрд╛ рдореВрд▓реНрдп 1 рд╣реИ)ред рджреНрд╡рд┐рддреАрдпрдХ рдмрдЯрди (рдПрдХ рдорд╛рдирдХ рдорд╛рдЙрд╕ рдкрд░ рдордзреНрдп рдпрд╛ рджрд╛рдПрдВ рдмрдЯрди рдХреА рддрд░рд╣) рдЬрд░реВрд░реА рдирд╣реАрдВ рдХрд┐ рдЖрдЧ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВред рдЕрдиреНрдп рдИрд╡реЗрдВрдЯ рдкреНрд░рдХрд╛рд░ (рдЬреИрд╕реЗ, рдЯреЗрдХреНрд╕реНрдЯ рдиреЛрдбреНрд╕) рдХреЗ рдмреАрдЪ рдкрд░рд┐рд╡рд░реНрддрди рдХреА рдЕрд╡рд╣реЗрд▓рдирд╛ рдХрд░рддреЗ рд╣реБрдП рдХреНрд▓рд┐рдХ рдЗрд╡реЗрдВрдЯ MAY рдХреЛ рдЙрд╕реА рддрддреНрд╡ рдкрд░ рдореВрд╕рдбрд╛рдЙрди рдФрд░ рдорд╛рдЙрд╕рдЕрдк рдШрдЯрдирд╛рдУрдВ рд╕реЗ рдкрд╣рд▓реЗ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдкрд░реНрдпрд╛рд╡рд░рдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЗ рдЖрдзрд╛рд░ рдкрд░, рдИрд╡реЗрдВрдЯ рдХреЗ рдПрдХ рдпрд╛ рдЕрдзрд┐рдХ рдкреНрд░рдХрд╛рд░ рдХреЗ рдорд╛рдЙрд╕рдУрд╡рд░, рдореВрд╕рдореЛрд╡, рдФрд░ рдорд╛рдЙрд╕рдЖрдЙрдЯ рдХреЛ рдЗрдВрдЧрд┐рдд рдбрд┐рд╡рд╛рдЗрд╕ рдХреЗ рдкреНрд░реЗрд╕ рдФрд░ рд░рд┐рд▓реАрдЬрд╝ рдХреЗ рдмреАрдЪ рд╣реЛрдиреЗ рдкрд░ рдХреНрд▓рд┐рдХ рдЗрд╡реЗрдВрдЯ MAY рдХреЛ рднреЗрдЬрд╛ рдЬрд╛рдПрдЧрд╛ред рдХреНрд▓рд┐рдХ рдЗрд╡реЗрдВрдЯ MAY рдХреЛ рднреА dblclick рдЗрд╡реЗрдВрдЯ рджреНрд╡рд╛рд░рд╛ рдЕрдиреБрд╕рд░рдг рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред

@Kingwl рдорд╛рдирдХ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж (рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдереЛрдбрд╝рд╛ рдзреВрдорд┐рд▓ рд╣реИ)

рд▓реЗрдХрд┐рди рдореБрдЭреЗ "рдорд╛рдЙрд╕ рдмрдЯрди рд╕рдВрд╢реЛрдзрдХ" рдХреЗ .right рдХреА рд╡реНрдпрд╛рдЦреНрдпрд╛ рдпрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП (cf. https://vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers)? рдХреНрдпреЛрдВрдХрд┐ @click.middle рдпрд╣ рдПрдХ рдХреНрд▓рд┐рдХ рдШрдЯрдирд╛ рдХреЛ рдЖрдЧ рд▓рдЧрд╛ рджреЗрддрд╛ рд╣реИ ... рд╢рд╛рдпрдж рдореБрдЭреЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬ рдореЗрдВ рдХреБрдЫ рдЬрд╛рдирдХрд╛рд░реА рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреЗрдирд╛ рдЪрд╛рд╣рд┐рдП?

рд╣рдореНрдо рд╢рд╛рдпрдж click.right рд╕рдВрдХрд▓рди рд╕рдордп рдкрд░ contextmenu рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП?

рдпрд╣ рдПрдХ рдорд╣рд╛рди рд╣реЛрдЧрд╛!

рд╢реБрдХреНрд░рд┐рдпрд╛ @ yyx990803 !

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕