Uni-app事件处理

事件表:

Web事件uni-app事件
clicktap
touchstarttouchstart
touchmovetouchmove
touchcanceltouchcancel
touchendtouchend
taptap
longtaplongtap
inputinput
changechange
submitsubmit
blurblur
focusfocus
resetreset
confirmcomfirm
columnchangecolumnchange
linechangelinechange
errorerror
scrolltoupperscrolltoupper
scrolltolowerscrolltolower
scrollscroll

在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

 

转载于:https://www.cnblogs.com/edward-life/p/10763802.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值