移动端长按事件
来源:互联网 发布:报纸排版软件 adobe 编辑:程序博客网 时间:2024/06/07 05:38
主要用到兼容性还比较好的H5的touchstart、touchend事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title></head> <body> <div class="object" style="width:100px; height:100px; background:#ddd;">out</div> </body> </html> <script language="javascript" src="https://cdn.bootcss.com/jquery/1.12.0/jquery.js"></script><script> $.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i].addEventListener('touchstart', function(event) { timeout = setTimeout(fn, 800); //长按时间超过800ms,则执行传入的方法 }, false); $this[i].addEventListener('touchend', function(event) { clearTimeout(timeout); //长按时间少于800ms,不会执行传入的方法 }, false); }} $('.object').longPress(function(){ alert("移动端你长按啦!!!");});</script>
阅读全文
0 0
- 移动端长按事件
- 移动端长按删除事件
- js移动端长按事件
- 鼠标长按事件和移动端长按事件
- 鼠标移动事件
- 鼠标移动事件
- 键盘事件移动元素
- option鼠标移动事件
- 无标题窗体移动事件
- 鼠标移动/点击事件
- 移动端 触摸事件
- MKMapView地图移动事件
- 鼠标移动事件
- 鼠标移动事件blur
- 鼠标移动事件
- 判断鼠标移动事件
- 移动端事件
- 移动端事件
- 关于hive中join的一些优化事项
- python3的异常处理
- 类与对象、构造与析构函数
- 9*9口诀
- LeetCode 64. Minimum Path Sum 解题报告
- 移动端长按事件
- 最简单的安卓接入微信支付教程,不简单你打我!
- 计算机网络原理知识点(第五章:运输层)
- HDU
- 最小费用最大流总结
- Gensim入门教程
- 基于装饰者模式的变种
- Codeforces 813 C The Tag Game
- %运算符总结