頁面禁止縮放
代碼如下:
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no;"><meta name="theme-color" content="#000000"><title>頁面禁止縮放功能</title></head><!-- 禁止鼠標右鍵 oncontextmenu="return false"--><body oncontextmenu="return false"><noscript>You need to enable JavaScript to run this app.</noscript><script>const keyCodeMap = {// 91: true, // command61: true,107: true, // 數字鍵盤 +109: true, // 數字鍵盤 -173: true, // 火狐 - 號187: true, // +189: true, // -};// 覆蓋ctrl||command + ‘+’/‘-’document.onkeydown = function (event) {const e = event || window.event;const ctrlKey = e.ctrlKey || e.metaKey;if (ctrlKey && keyCodeMap[e.keyCode]) {e.preventDefault();} else if (e.detail) { // Firefoxevent.returnValue = false;}};// 禁止鼠標滑動縮放頁面document.body.addEventListener('wheel', (e) => {if (e.ctrlKey) {if (e.deltaY < 0) {e.preventDefault();return false;}if (e.deltaY > 0) {e.preventDefault();return false;}}}, { passive: false });// 觸摸屏禁止手動縮放頁面document.documentElement.addEventListener('touchstart', (event) => {if(event.touches.length > 1) {event.preventDefault();}},{passive: false}) </script></body>
</html>