左右网站模版,网站建设与维护蒋勇从,免费做游戏小程序的网站,网站改版工作方案一、兼容电脑端的禁止通过 ctrl /- 和 ctrl 滚轮 对页面进行缩放
const keyCodeMap {// 91: true, // command61: true,107: true, // 数字键盘 109: true, // 数字键盘 -173: true, // 火狐 - 号187: true, // 189: true, // -};二、覆盖ctrl||command ‘’/‘-’
// 覆…一、兼容电脑端的禁止通过 ctrl /- 和 ctrl 滚轮 对页面进行缩放
const keyCodeMap {// 91: true, // command61: true,107: true, // 数字键盘 109: true, // 数字键盘 -173: true, // 火狐 - 号187: true, // 189: true, // -};二、覆盖ctrl||command ‘’/‘-’
// 覆盖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 });四、完整代码示例
/*** 采用覆盖键、覆盖鼠标滑动事件;禁止通过 ctrl /- 和 ctrl 滚轮 对页面进行缩放* */
window.onload function () {/*** 兼容电脑端的禁止通过 ctrl /- 和 ctrl 滚轮 对页面进行缩放* */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 });/*** 兼容iOS10以上Safari浏览器无法禁止缩放的解决方案* */// 阻止双击放大var lastTouchEnd 0;document.addEventListener(touchstart, function (event) {if (event.touches.length 1) {event.preventDefault();}});document.addEventListener(touchend, function (event) {var now (new Date()).getTime();if (now - lastTouchEnd 300) {event.preventDefault();}lastTouchEnd now;}, false);// 阻止双指放大document.addEventListener(gesturestart, function (event) {event.preventDefault();});
};
