600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > js实现禁止网页缩放(Ctrl+鼠标 + -缩放有效亲测)

js实现禁止网页缩放(Ctrl+鼠标 + -缩放有效亲测)

时间:2023-02-26 23:48:40

相关推荐

js实现禁止网页缩放(Ctrl+鼠标 + -缩放有效亲测)

背景:现在是凌晨1:35我还在帮客户修改网页,要求不高但来钱快,学生党不容易啊,客户提到了很多网页的优化,其中这一条

让我头疼了许久,大家就不用踩坑了,看下面的就可以了

禁止滑轮:

window.addEventListener('mousewheel', function(event){if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{passive: false});//firefoxwindow.addEventListener('DOMMouseScroll', function(event){if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{passive: false});

禁止+、- :

window.onload = function() {document.addEventListener('keydown', function (event) {if ((event.ctrlKey === true || event.metaKey === true)&& (event.which === 61 || event.which === 107|| event.which === 173 || event.which === 109|| event.which === 187 || event.which === 189)){event.preventDefault();}}, false);}

完整代码:

<script>//luwenjie hualunwindow.addEventListener('mousewheel', function(event){if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{passive: false});//firefoxwindow.addEventListener('DOMMouseScroll', function(event){if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{passive: false});//+_window.onload = function() {document.addEventListener('keydown', function (event) {if ((event.ctrlKey === true || event.metaKey === true)&& (event.which === 61 || event.which === 107|| event.which === 173 || event.which === 109|| event.which === 187 || event.which === 189)){event.preventDefault();}}, false);}</script>

看个轮廓就可以了哈,反正两个都不会缩放,今天就到这里!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。