jquery - 在网页上禁用 ctrl + 鼠标滚动

Question

如何使用 jquery 在网页上禁用 CTRL + 鼠标滚动？

我想禁用放大和缩小我的网页！

Answer 1

是的，你可以这样做：

$(window).keydown(function(event) 
{
    if((event.keyCode == 107 && event.ctrlKey == true) || (event.keyCode == 109 && event.ctrlKey == true))
    {
        event.preventDefault(); 
    }

    $(window).bind('mousewheel DOMMouseScroll', function(event) 
    {
        if(event.ctrlKey == true)
        {
            event.preventDefault(); 
        }
    });
});

这仅适用于 Firefox、Chrome 和 Opera。它不适用于 Internet Explorer。

Answer 2

这是不可能的。

相反，您应该将页面设计为支持缩放。

Answer 3

你可以这样做，我已经在 chrome、filefox 和 ie 上进行了测试。它运作良好

(function () {

        /**
         * Main stopscrollwheelzoom constructor
         */
        let SSWZ = function () {

            /**
             * Handler for scroll- control must be pressed.
             * @param e
             */
            this.keyScrollHandler = function (e) {
                if (e.ctrlKey) {
                    e.preventDefault();
                    return false;
                }
            }
        };

        if (window === top) {
            let sswz = new SSWZ();
            window.addEventListener('wheel', sswz.keyScrollHandler, { passive: false });
        }

    })();