长按事件

长按事件和滑动事件同时发生时,阻止长按事件

920 发布: 2024/2/21 15:06 本文总阅读量

当元素既存在滑动事件、又存在长按事件的时候,阻止长按事件的触发

<view class="chat-list-item" @longpress="longPress()" @touchend="touchend()" @touchmove="touchmove()"> </view>

<script>
    export default {
        data() {
            return {
                longEvent: true,
            }
        },
        methods: {
            longPress() {
                if (this.longEvent) {
                   // 响应长按事件
                }
            },
            touchend() {
                this.longEvent = true;
            },
            touchmove(e) {
                this.longEvent = false;
            },
            
        }
    }
</script>