JS 监听触摸滑动事件两种方案

JS 监听触摸滑动事件两种方案,第1张

由于需要监听手指的左右滑动事件,所以用到了v-touch这个插件。 npm安装

用法如下:

第二种!
非必要的话,为什么要绑多个监听呢?
代码啰嗦,而且看起来会让人觉得别扭,有可能一下看不明白。
再来写的时候还要注意 调用的顺序是根据添加监听先后决定的。
性能上也没有直接调2个方法好。

看了下你代码,感觉比较乱的说;
提出下我的观点吧,仅供参考:
首先windowonload = function xxx(){};这种fun命名方式是不推荐的,你可以采用
function xxx(){}; windowonload = xxx;的形式;
并且setTimeout()中调用方法不能直接写 setTimeout(xxx(),2000),这个成直接调用了;
正确的写法是 setTimeout('xxx()',2000) 或者 setTimeout(function(){xxx();},2000);
你可以按照我说的先调试一下,如果不行,你可以改变下设计,分开写事件;

js 监听到页面关闭或页面跳转事件。

javascript捕获窗口关闭事件有两种方法 onbeforeunload(),onUnload() 用法有两种:

1 function
windowonbeforeunload() { alert("远标培训为您关闭窗口")} function
windowonunload() { alert("远标培训为您关闭窗口")}

2Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过windowonunload来指定或者在<body>里指定。

区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

<input name="test" id="test" type="button" onmouseup="c()" value="单双击测试"/>
注意不是onclick,是onmouseup
var count = 0;
var timer ;
function c(){
count ++;
timer = windowsetTimeout(function(){
if(count==1) alert("单击");
else alert("双击");
windowclearTimeout(timer);
count=0;
},300)
}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12978221.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存