码迷,mamicode.com
首页 > 其他好文 > 详细

vue中常用的事件和修饰符简单总结

时间:2018-06-11 23:38:10      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:事件 修饰符

1:阻止冒泡事件

JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失。在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之前刺破它。

技术分享图片

在vue中怎么写?

技术分享图片

2:阻止默认行为

技术分享图片

在vue中怎么写?

技术分享图片

3:键盘事件

技术分享图片

获取键码?通过事件对象来获取

技术分享图片

注意:keydown事件和keyup事件的区别?

keydown是在键按下去的时候就触发,此时文字并还没有进入文本框中去,

keyup是在键弹起来的时候触发,此时文字已经进入到了文本框中去了。

这就是两个事件的区别。

enter键的keyCode 是13。常用的一些keyCode我们知道。

例如:

技术分享图片

如果说不使用事件对象$event怎么写?vue提供了简写的方式.

技术分享图片

此时都不用加if判断语句了,用起来还是非常方便的。

包括说 上 下 左 右 分别对应着 up down left right修饰符


vue中常用的事件和修饰符简单总结

标签:事件 修饰符

原文地址:http://blog.51cto.com/11871779/2128255

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!