触摸屏设置禁用手指缩放机双击放大功能

最新推荐文章于 2024-06-19 14:52:40 发布

wnety

最新推荐文章于 2024-06-19 14:52:40 发布

阅读量3.5k

点赞数 6

分类专栏： Web开发 Javascript 设备开发

本文链接：https://blog.csdn.net/wnety/article/details/116193932

版权

Web开发同时被 3 个专栏收录

48 篇文章

订阅专栏

Javascript

18 篇文章

订阅专栏

设备开发

7 篇文章

订阅专栏

本文介绍了如何通过JavaScript代码在触摸屏设备上禁用双指缩放功能，包括双指触控开始时阻止默认行为和检测双击间隔防止缩放的两种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

触摸屏运行全屏网页模式时，需禁用双指缩放及双击缩放，该功能可由浏览器自身的参数设置，也可以通过JS代码实现。

// 禁用双指放大
document.documentElement.addEventListener('touchstart', function (event) {
	if (event.touches.length > 1) {
		event.preventDefault();
	}
}, {
	passive: false

});

// 禁用双击放大
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
	var now = Date.now();
	if (now - lastTouchEnd <= 300) {
		event.preventDefault();
	}
	lastTouchEnd = now;
}, {
	passive: false

});