Html5 手机网页中，长按会触发系统事件，请问怎么取消这些事件_随笔

在页面中样式中加上下面的css代码

-webkit-overflow-scrolling: touch

-webkit-touch-callout:none

-webkit-user-select:none

-khtml-user-select:none

-moz-user-select:none

-ms-user-select:none

user-select:none

}

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

var timeOutEvent=0

$(function(){

$("#touchArea").on({

touchstart: function(e){

timeOutEvent = setTimeout("longPress()",500)

e.preventDefault()

touchmove: function(){

clearTimeout(timeOutEvent)

timeOutEvent = 0

touchend: function(){

clearTimeout(timeOutEvent)

if(timeOutEvent!=0){

alert("你这是点击，不是长按")

}

return false

}

})

function longPress(){

timeOutEvent = 0

alert("长按事件触发发")

}

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

Html5 手机网页中，长按会触发系统事件，请问怎么取消这些事件