放大-缩小Javascript背景上的问题

Question

我想在我的网站上应用javascript背景。我找到了一个现成的，但我发现了一个问题。当你在浏览器上用鼠标拖动，放大或缩小时，它开始看起来很奇怪。你可以从这个演示链接中自己尝试；

演示

这个动画背景的html和css代码也在这个链接中；

这个演示的HTML CSS Javascript链接

你能帮我吗？我如何防止它在浏览器上被放大或缩小？

Answer 1

您只能使用jquery和以下代码来完成

$(document).keydown(function(event) {
if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109'  || event.which == '187'  || event.which == '189'  ) ) {
event.preventDefault();
}
// 107 Num Key  +
// 109 Num Key  -
// 173 Min Key  hyphen/underscor Hey
// 61 Plus key  +/= key
});
$(window).bind('mousewheel DOMMouseScroll', function (event) {
if (event.ctrlKey == true) {
event.preventDefault();
}
});

注意：请确保在此脚本之前已将jquery包含在代码中。