在网页上禁用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 });
        }

    })();