移动端指纹识别(长按事件)

移动端有些H5项目上有模拟指纹识别的效果,其实也就是长按事件。
核心就是判断触摸的长短,以及阻止页面的默认长按事件。
移动端用的库是Zepto.js。

$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0;i<$this.length;i++){
        $this[i].addEventListener('touchstart', function(event) {
            event.preventDefault()
            timeout = setTimeout(fn, 800);  //长按时间超过800ms,则执行传入的方法
            }, false);
        $this[i].addEventListener('touchend', function(event) {
            event.preventDefault()
            clearTimeout(timeout);  //长按时间少于800ms,不会执行传入的方法
            }, false);
    }
}

后面就调用longPress()即可。

你可能感兴趣的:(移动端指纹识别(长按事件))