返回
使用js禁用移动端浏览器左滑返回
2023-11-14 1653 0
禁用移动端左滑通常需要使用JavaScript来阻止默认的滑动行为。你可以在需要禁用左滑的元素上添加事件监听器,然后阻止滑动的默认行为。下面是一个示例代码:
// 获取需要禁用左滑的元素,比如一个具有特定class的div
var element = document.getElementById('yourElementId');
// 添加touchstart事件监听器
element.addEventListener('touchstart', handleTouchStart, false);
var xStart = null;
function handleTouchStart(event) {
xStart = event.touches[0].clientX;
element.addEventListener('touchmove', handleTouchMove, false);
}
function handleTouchMove(event) {
if (!xStart) {
return;
}
var xDiff = xStart - event.touches[0].clientX;
// 如果左滑,阻止默认滑动行为
if (xDiff > 0) {
event.preventDefault();
}
xStart = null;
element.removeEventListener('touchmove', handleTouchMove, false);
}
这段代码会阻止具有特定ID的元素(通过替换 getElementById 中的 'yourElementId')在移动端上的左滑行为。请确保在需要禁用左滑的元素上正确应用此代码,并进行适当的测试,因为移动设备的行为可能有所不同。
网友点评
提交
相关阅读
web中禁用ios左滑返回
ios禁用左滑返回
ios禁用左滑返回
Github的各种license许可证说明
字体文件MIME类型
Lottie动画库用法
C# 荣获 2025 年度编程语言:三年内第二次获评最佳编程语言
MySQL SQLServer Oracle数据库的区别
相关帖子
2024年世界电子游戏名人堂名单公 布生化危机 模拟城市等入选
传奇世界 新手任务—勇闯炼狱 提示完成无法交任务
国内高效网站统计工具推荐:免费与付费方案全解析
openai验证手机报错We've detected suspicious behavior from phone numbers similar to yours.
2025 年最佳免费 ASP.NET/.NET Core 网站空间对比与选择指南
[Switch大气层]纯净版+特斯拉版 20.5.0大气层1.9.5心悦整合包 固件 工具 插件 前端等资源合集
2026年国外优质短信接码平台测评与推荐指南 | 选择安全高效的接码服务
魔兽怀旧服plus盗贼坦克天赋符文