解决h5移动端页面左右滑动的问题

1.尝试了网上的多种方法,微信端的移动页面的左右滑动仍没有解决,很影响用户体验。
2.例如百度上各种touchstart等的阻止默认事件,这些方法都不能解决我遇见的问题。
3.最后尝试各种方法后,发现利用pageX,pageY的横移距离能够有效阻止左右滑动的问题。 继续阅读解决h5移动端页面左右滑动的问题

h5存储

//存储
function storage() {
    window.localStorage.setItem('Note',text.innerHTML);
}
//判断本地储存里是否有内容
if(window.localStorage.getItem("Note")) {
    text.innerHTML = window.localStorage.getItem("Note");
}
//窗口退出时保存文本框内容
window.addEventListener("unload",function () {
    window.localStorage.setItem('Note',text.innerHTML);
})
//清除内容
text.innerHTML = "";
    window.localStorage.clear();