挪动端页面功用之------长按事宜

2024年5月6日 276次阅读 来源: 朕知道了

偶然在做挪动端页面开辟过程当中碰到这类需求：”模仿指纹识别”。
实际上我们只能经由过程长按页面中的元素来模仿这个功用。
在jQuery和Zepto中都没有包括长按事宜，所以须要我们来扩大一下。

$.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(){
    //do something...
});
    原文作者：朕知道了
    原文地址: https://segmentfault.com/a/1190000005819464
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞