事件表:
| Web事件 | uni-app事件 |
| click | tap |
| touchstart | touchstart |
| touchmove | touchmove |
| touchcancel | touchcancel |
| touchend | touchend |
| tap | tap |
| longtap | longtap |
| input | input |
| change | change |
| submit | submit |
| blur | blur |
| focus | focus |
| reset | reset |
| confirm | comfirm |
| columnchange | columnchange |
| linechange | linechange |
| error | error |
| scrolltoupper | scrolltoupper |
| scrolltolower | scrolltolower |
| scroll | scroll |
在input和textarea中的change事件會被轉為blur事件.
踩坑注意:
上述列表中沒有的原生事件也可以使用,詳情參考hcoder給出的文檔
事件修飾符
注意: Vue中的事件修飾符在uni-app中有以下問題
stop-----------------使用stop可以阻止冒泡,但是會把一個事件綁定成非冒泡狀態,會導致該元素上的catchEventName失效.
prevent-------------uni-app中基本沒有什么默認事件,所以prevent阻止默認事件的行為基本上沒用.
self------------------沒有可以判斷的標識
once----------------uni-app沒有removeEventListner,雖然可以直接在handleProxy中處理,但非常的不優雅,違背了意願,暫不考慮
按鍵修飾符-------uni-app運行在智能手機端,沒有鍵盤事件,所以不支持按鍵修飾符
事件綁定:與vue中的事件綁定一致,使用簡寫的 @
事件傳參:與vue中事件傳參基本一致,使用v-for