移动端一个按钮长按以及点击事件（js）

应需求，移动端点击按钮以及长按按钮，做出不同的操作（同一个按钮）；

<div class="join-car" @touchstart="gotouchstart"  @touchend="gotouchend">加入购物车</div>

gotouchstart(e) {e.preventDefault();clearTimeout(timeOutEvent); //清除定时器timeOutEvent = 0;timeOutEvent = setTimeout(() => {//执行长按要执行的内容，this.status = false;// alert("长按");this.value = "长按";this.$emit("footerClick", 4);}, 2000); //这里设置定时},gotouchend(e) {clearTimeout(timeOutEvent);if (this.status) {// alert("点击", this.status);this.$emit("footerClick", 5);} else {// 长按结束后消失操作(2s)this.status = true;}}

移动端一个按钮长按以及点击事件（js）相关推荐

解题代码用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击验证码的制作...
解题代码用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击复制验证码的制作转载于:https://www.cnblogs.com/yaomengli/p/6927630.html
vue --- 按钮的防重复点击事件
按钮的防重复点击事件 :loading属性当loading = true时:按钮会显示一个旋转的圆圈.此时的按钮是无法点击的当loading = false时:按钮重新变为可点击的状态可以通过使 ...
android button自动点击事件,Android Button按钮的四种点击事件
本文实例为大家分享了安卓Button按钮的四种点击事件,供大家参考,具体内容如下第一种:内部类实现 1.xml里面先设置Button属性 android:id="+@id/button1& ...
js动态添加按钮，并绑定点击事件
目录前言 ftl文件 js文件前言任务描述:动态添加按钮,并对每个按钮绑定一个点击事件. ftl文件 <!DOCTYPE html> <html> <head> ...
按钮置灰后点击事件仍可以触发
在按钮置灰后(disabled--禁用)但是点击事件有时候仍然可以触发解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了 --由于时间戳是数值不是字符串,所以在前面添加一个任意的字符串 ...
自动点击按钮（即自动触发点击事件）
这段时间做项目,有一个特殊的需求,就是界面上有一个按钮,需要自动去触发. 找了下资料,发现有个api是可以完成的就是:sendActionsForControlEvents 这个下面就是使用方法 ...
jquery ajax 点击按钮,Jquery ajax调用点击事件提交按钮
当用户点击一个提交按钮时,我必须构建一个ajax调用,所以我包含了jquery,并且我写了下面的代码(取自jquery文档):Jquery ajax调用点击事件提交按钮 $(document).rea ...
layui table th添加按钮，监听点击事件。
第一步,创建带按钮的表头title. var GSUpdateIniBar = "<label class=\"layui-form-label margin\"& ...
点击一个按钮显示div，点击div之外的地方div隐藏，点击div之内的地方div不隐藏
<input id="btnClick" type="button" value="原生写法" class="btn-gre ...

移动端一个按钮长按以及点击事件（js）

移动端一个按钮长按以及点击事件（js）相关推荐

最新文章

热门文章