vue事件监听

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue事件监听相关的知识,希望对你有一定的参考价值。

参考技术A

html 所监听的事件我们的vue都已经加入了监听
HTML 事件参考手册

下面我们来介绍几个比较常用的事件

1、onclick 元素上发生鼠标点击时触发。 ==> vue用法 @click()

2、onscroll 当元素滚动条被滚动时运行的脚本。 ==> vue用法 @scroll()
可以用来监听元素是否滚动到底,如下:

3、ondblclick 元素上发生鼠标双击时触发。 ==> vue用法 @dblclick()

4、onmousedown 当元素上按下鼠标按钮时触发。。 ==> vue用法 @mousedown()
下面是一个元素拖动的例子:

5、onkeydown 在用户按下按键时触发。 ==> vue用法 @keydown()

6、onkeypress 在用户敲击按钮时触发。 ==> vue用法 @keypress()

7、onkeyup 当用户释放按键时触发。 ==> vue用法 @keyup()

具体可以参考文档 HTML 事件参考手册

跟踪触摸的属性

每个Touch对象包含的属性如下。

以上是关于vue事件监听的主要内容,如果未能解决你的问题,请参考以下文章

Vue中监听键盘事件

vue 监听浏览器关闭事件

在vue中使用resize事件监听浏览器窗口的变化

Vue教程事件监听

vue创建监听事件和销毁监听事件-获取可视区域的高度

ScrollView可以监听滚动结束事件吗