直接上代码吧,
<script>
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);
// Chrome IE 360
window.addEventListener('mousewheel', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
}, { passive: false });
//firefox
window.addEventListener('DOMMouseScroll', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
}, { passive: false });
</script>
如果是vue项目,在public下边有一个index.html,将以上代码放在head标签中即可。
参考此文章,点击移步
原理以后闲了探究以下,做毕业设计的时候遇到的问题,着手解决了一下,亲自实验 谷歌浏览器可以用,其他浏览器自测。