獲取起點(touchstart)Y軸坐標與終點(touchend)Y軸坐標,如果起點大於終點那么就去執行取消操作
********:坐標起點是瀏覽器左上角,所以往上滑動的話,起點坐標大於終點坐標。
<div id="c_btn" style="width:100%;height:100px;">點擊長按啊</div>
JS://
var btnElem=document.getElementById("loading");//獲取ID
var posStart = 0;//初始化起點坐標
var posEnd = 0;初始化終點坐標
function initEvent() {
btnElem.addEventListener("touchstart", function(event) {
event.preventDefault();//阻止瀏覽器默認行為
posStart = 0;
posStart = event.touches[0].pageY;//獲取起點坐標
});
btnElem.addEventListener("touchend", function(event) {
event.preventDefault();
posEnd = 0;
posEnd = event.changedTouches[0].pageY;//獲取終點坐標
if(posStart - posEnd > 20 ){
alert("Cancel");
};
});
};
initEvent();