大家好，又见面了，我是你们的朋友全栈君。
今天要做一个页面div长按后触发事件，简单学习后实现如下：
先看代码：
<template>
<div>
<div class="test" @touchstart="gtouchstart()" @touchmove="gtouchmove()" @touchend="gtouchend()">试一试呀!</div>
</div>
</template>
<script>
export default {
data () {
return {
}
},
methods:{
gtouchstart(){
window.console.log('1，按下啦啦啦啦啦')
},
gtouchmove(){
window.console.log('2，按下并且在移动呢')
},
gtouchend(){
window.console.log('3，松开啦啦啦啦啦')
}
}
}
</script>
<style scoped>
.test{
width: 100%;
height: 50px;;
text-align: center;
background-color: red;
line-height: 50px;
font-size: 50px;
}
</style>
看结果：
鼠标在红色区域内按下会输出1，
按下鼠标不松开然后移动会输出2，
松开后就会输出3，
根据自己的情况在三个函数里写入相应的功能。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/150773.html原文链接：https://javaforall.net
![pycharm激活码一年[在线序列号]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
