如何解决如何在Android和iPhone上使用JavaScript检测长按压力？
| 如何在Android和iPhone上使用JavaScript检测长按压力？ 本机javascript或jquery ... 我想要听起来像：<input type=\'button\' onLongTouch=\'myFunc();\' />
解决方法
使用“触摸结束”检测长时间触摸的问题是，如果您希望事件在特定时间段后触发，将无法正常工作。最好在触摸开始时使用计时器，并在触摸结束时清除事件计时器。可以使用以下模式：
var onlongtouch;
var timer;
var touchduration = 500; //length of time we want the user to touch before we do something
touchstart() {
timer = setTimeout(onlongtouch,touchduration);
}
touchend() {
//stops short touches from firing the event
if (timer)
clearTimeout(timer); // clearTimeout,not cleartimeout..
}
onlongtouch = function() { //do something };
var onlongtouch;
var timer,lockTimer;
var touchduration = 800; //length of time we want the user to touch before we do something
function touchstart(e) {
e.preventDefault();
if(lockTimer){
return;
}
timer = setTimeout(onlongtouch,touchduration);
lockTimer = true;
}
function touchend() {
//stops short touches from firing the event
if (timer){
clearTimeout(timer); // clearTimeout,not cleartimeout..
lockTimer = false;
}
}
onlongtouch = function() {
document.getElementById(\'ping\').innerText+=\'ping\\n\';
};
document.addEventListener(\"DOMContentLoaded\",function(event) {
window.addEventListener(\"touchstart\",touchstart,false);
window.addEventListener(\"touchend\",touchend,false);
});<div id=\"ping\"></div>
var touchStartTimeStamp = 0;
var touchEndTimeStamp = 0;
window.addEventListener(\'touchstart\',onTouchStart,false);
window.addEventListener(\'touchend\',onTouchEnd,false);
var timer;
function onTouchStart(e) {
touchStartTimeStamp = e.timeStamp;
}
function onTouchEnd(e) {
touchEndTimeStamp = e.timeStamp;
console.log(touchEndTimeStamp - touchStartTimeStamp);// in miliseconds
}
var pressTimer;
$(\".thumbnail\").on(\'touchend\',function (e) {
clearTimeout(pressTimer);
}).on(\'touchstart\',function (e) {
var target = $(e.currentTarget);
var imagePath = target.find(\'img\').attr(\'src\');
var title = target.find(\'.myCaption:visible\').first().text();
$(\'#dds-modal-title\').text(title);
$(\'#dds-modal-img\').attr(\'src\',imagePath);
// Set timeout
pressTimer = window.setTimeout(function () {
$(\'#dds-modal\').modal(\'show\');
},500)
});
var touchduration = 300;
var timerInterval;
function timer(interval) {
interval--;
if (interval >= 0) {
timerInterval = setTimeout(function() {
timer(interval);
});
} else {
taphold();
}
}
function touchstart() {
timer(touchduration);
}
function touchend() {
clearTimeout(timerInterval);
}
function taphold(){
alert(\"taphold\");
}
document.getElementById(\"xyz\").addEventListener(\'touchstart\',touchstart);
document.getElementById(\"xyz\").addEventListener(\'touchend\',touchend);
touchstart
touchend
(function (a) {
function n(b) { a.each(\"touchstart touchmove touchend touchcancel\".split(/ /),function (d,e) { b.addEventListener(e,function () { a(b).trigger(e) },false) }); return a(b) } function j(b) { function d() { a(e).data(h,true); b.type = f; jQuery.event.handle.apply(e,o) } if (!a(this).data(g)) { var e = this,o = arguments; a(this).data(h,false).data(g,setTimeout(d,a(this).data(i) || a.longclick.duration)) } } function k() { a(this).data(g,clearTimeout(a(this).data(g)) || null) } function l(b) {
if (a(this).data(h)) return b.stopImmediatePropagation() ||
false
} var p = a.fn.click; a.fn.click = function (b,d) { if (!d) return p.apply(this,arguments); return a(this).data(i,b || null).bind(f,d) }; a.fn.longclick = function () { var b = [].splice.call(arguments,0),d = b.pop(); b = b.pop(); var e = a(this).data(i,b || null); return d ? e.click(b,d) : e.trigger(f) }; a.longclick = { duration: 500 }; a.event.special.longclick = {
setup: function () {
/iphone|ipad|ipod/i.test(navigator.userAgent) ? n(this).bind(q,j).bind([r,s,t].join(\" \"),k).bind(m,l).css({ WebkitUserSelect: \"none\" }) : a(this).bind(u,j).bind([v,w,x,y].join(\" \"),l)
},teardown: function () { a(this).unbind(c) }
}; var f = \"longclick\",c = \".\" + f,u = \"mousedown\" + c,m = \"click\" + c,v = \"mousemove\" + c,w = \"mouseup\" + c,x = \"mouseout\" + c,y = \"contextmenu\" + c,q = \"touchstart\" + c,r = \"touchend\" + c,s = \"touchmove\" + c,t = \"touchcancel\" + c,i = \"duration\" + c,g = \"timer\" + c,h = \"fired\" + c
})(jQuery);
$(\'element\').longclick(250,longClickHandler);
function longClickHandler() {
alter(\'Long tap Fired\');
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。