vue 长按离开屏幕事件

淩亂°似流年 2022-05-16 13:35 225阅读 0赞

# vue长按事件touch #

2018年02月02日 17:16:09

阅读数：3621

### 1.touch事件 ###

**以下是四种touch事件**

touchstart:     //手指放到屏幕上时触发

touchmove:      //手指在屏幕上滑动式触发

touchend:    //手指离开屏幕时触发

touchcancel:     //系统取消touch事件的时候触发，这个好像比较少用

### 2.长按弹出删除按钮，点击删除 ###

<div v-for="item in list" @touchstart.native="showDeleteButton(item.id)" @touchend.native="clearLoop(item.id)">
    	内容...
    </div>

showDeleteButton(e) {
    	clearInterval(this.Loop); //再次清空定时器，防止重复注册定时器
    	this.Loop = setTimeout(function() {
    		this.$dialog.confirm({   //这是个弹出框，用的ydui
    			title: '温馨提示',
    			mes: '是否删除此条消息',
    			opts: () => {
    				this.$dialog.loading.open('删除中...');
    				this.$http.post(this.$store.state.ip + '...', {
    					id: e
    				}, {
    				    headers: {},
    				}).then((response) => {
    					this.$dialog.loading.close();
    						this.$dialog.toast({
    							mes: response.body.info,
    							timeout: 1000
    						});
    						var data = this.rulist
    						console.log(data)
    						for(var i in data) {
    							if(data[i].id == e) {
    								data.splice(i, 1)
    							}
    						}
    						console.log(data)
    						this.rulist=data
    						}).catch(function(response) {
     
    						});
    					}
    		});
    	}.bind(this), 1000);
    },
    clearLoop(e) {
    	clearInterval(this.Loop);
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 长按

ps： 1. @click点击事件，一直按着就不会触发（应该知道@click点击事件时松手了才会触发@click事件吧），当按的时间超过一定时间后@click点击事件就

╰+哭是因爲堅強的太久メ/ 2023年07月25日 08:39/ 0 赞/ 1 阅读

相关 uni-app长按触发事件

<li @longtap="longtap">长按触发事件</li> <script> methods:{ l

向右看齐/ 2023年05月29日 02:58/ 0 赞/ 6 阅读

相关 creator 长按事件

在creator中使用长按 / bw 长按事件 node: 只能是节点 call: 长按触发的事件

心已赠人/ 2023年01月03日 04:59/ 0 赞/ 241 阅读

相关 html 长按事件坐标,HTML5-长按事件

长按我 var timeOutEvent=0; $(function()\{ $("\touchArea").on(\{ touchstart: function(e)

深藏阁楼爱情的钟/ 2022年10月06日 10:58/ 0 赞/ 252 阅读

相关手机网页取消长按事件

有两种实现方法： 1.如果针对某个特定的div，那么修改样式即可： -webkit-user-select: none;/禁用手机浏览器的用户选择功能 /

古城微笑少年丶/ 2022年09月26日 04:59/ 0 赞/ 240 阅读

相关 HarmonyOS（鸿蒙）——长按事件

本文已收录于专栏 [❤️《鸿蒙开发》❤️][Link 1] 欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！往期文章汇总-方便有需要的朋友直达：

冷不防/ 2022年09月04日 03:54/ 0 赞/ 362 阅读

相关 vue 长按离开屏幕事件

vue长按事件touch 2018年02月02日 17:16:09 阅读数：3621 1.touch事件以下是四种touch事件 touchstart:

淩亂°似流年/ 2022年05月16日 13:35/ 0 赞/ 226 阅读

相关 jQuery监听鼠标长按事件

jQuery监听鼠标长按事件 <script> var timeout;//用于存储定时器的变量 //moveLeft 表示需要监听长

谁借莪１个温暖的怀抱￠/ 2022年04月15日 03:06/ 0 赞/ 659 阅读

相关 H5长按事件

1 let timeOutEvent = 0 2 $(function () { 3 $('debug').on({ 4 to

左手的ㄟ右手/ 2022年03月27日 04:28/ 0 赞/ 324 阅读

相关 vue在移动端点击，滑动，长按的事件判断

思路： 1）调用js的touch的API接口分别监听touchstart,touchmove,touchend事件 2）使用计时器可以设定时间用于区分长按和点击

缺乏、安全感/ 2022年01月06日 01:53/ 0 赞/ 563 阅读