vue中的鼠標事件


@click//單擊

@mousedown//按下   當鼠標指針移動到元素上方,並按下鼠標左鍵時,會發生 mousedown 事件。  提示:該方法通常與 mouseup() 方法一起使用。
@mouseup//抬起     當鼠標指針移動到元素上方,並松開鼠標左鍵時,會發生 mouseup 事件     提示:該方法通常與 mousedown() 方法一起使用。
@dblclick//雙擊        當雙擊元素時,會發生 dblclick 事件。
@mousemove//移動     當鼠標指針在指定的元素中移動時,就會發生 mousemove 事件。        注意:用戶把鼠標移動一個像素,就會發生一次 mousemove 事件。處理所有 mousemove 事件會耗費系統資源。請謹慎使用該事件。
@mouseleave//離開   當鼠標指針離開被選元素時,會發生 mouseleave 事件。           提示:該事件通常與 mouseenter 事件一起使用。
@mouseout //移出   當鼠標指針從元素上移開時,發生 mouseout 事件。                 注釋:與 mouseleave 事件不同,不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。
@mouseenter//進入   當鼠標指針穿過(進入)被選元素時,會發生 mouseenter 事件。        提示:該事件通常與 mouseleave 事件一起使用。
@mouseover//在           當鼠標指針位於元素上方時,會發生 mouseover 事件。            注意:與 mouseenter 事件不同,mouseover 事件在鼠標指針進入被選元素或任意子元素時都會被觸發,mouseenter 事件只有在鼠標指針進入被選元素時被觸發。提示:該事件通常與 mouseout 事件一起使用。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM