手机长按触发事件(网页端)
来源:互联网 发布:2016年大数据公司排名 编辑:程序博客网 时间:2024/06/02 17:11
条件1: Dom元素 一个Div即可
条件2:引入JQ库
//长按事件
$.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);
}, false);
$this[i].addEventListener('touchend', function (event) {
clearTimeout(timeout);
}, false);
}
}
//阻止浏览器 复制粘贴等事件
window.ontouchstart = function (e) { e.preventDefault(); };
//触发事件
$("#click").longPress(function () {
alert("Ok");
});
到此本文结束,如果还有什么疑问或者建议,可以多多交流,原创文章,文笔有限,才疏学浅,文中若有不正之处,还望告知。
0 0
- 手机长按触发事件(网页端)
- 手机长按触发事件(网页端)
- 手机长按触发事件(网页端)
- jQuery手机长按触发事件
- 手机网页取消长按事件
- 触发UIButton长按事件
- 触发UIButton长按事件
- HTML5:百度地图手机端单触点单击和长按事件,解决部分手机点地图击失效,多触点、拖动依然触发长按的bug
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- 百度地图手机端单触点单击和长按事件,解决部分手机(小米手机)地图单击事件失效,多触点、拖动依然触发长按的bug
- 移动端 jquery 长按触发移动事件 <升级版>
- 手机网页中,长按会触发系统事件,禁止系统事件
- ios 触发UIButton长按事件
- JS-鼠标长按触发事件
- 手机网页如何取消常按选中功能和touchstart后不能触发touchend事件
- 手机网页中,长按会触发系统事件,解决办法。
- Android ListView长按事件触发点击事件
- Android的ListView中的长按事件触发点击事件
- JDK 1.8 HashMap 源码阅读一
- 如何通俗易懂地解释遗传算法
- C语言--常量
- 使用 openresty/nginx 搭建mp4视频服务器
- MyEclipse内存溢出问题
- 手机长按触发事件(网页端)
- Struts的国际化
- setTimeout()和setInterval()方法的区别
- 简明理解三次握手和四次挥手
- C语言--指针与数组
- Oracle 11g rac参数文件维护
- jenkins 指定gitlab上的源码时,提示无权限
- UNIX网络编程(三)-套接字地址结构
- 剑指offer:从尾到头打印链表