首页 > 其他分享 >aardio使用网页写界面,解决Ctrl+鼠标滚轮缩放界面

aardio使用网页写界面,解决Ctrl+鼠标滚轮缩放界面

时间:2023-12-22 10:25:00浏览次数:69  
标签:function 界面 SSWZ Ctrl 缩放 添加 解决

在html里添加

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
不起作用。

通过添加web的启动参数,也不起作用

翻遍谷歌,没解决
最后在github上找到方法,从chrome扩展里找block zoom插件,找到源代码看了一下,解决
在html代码里添加以下内容:
    //禁止ctrl+滚动缩放
    (function () {
        let SSWZ = function () {

            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});
        }

    })();
问题解决

标签:function,界面,SSWZ,Ctrl,缩放,添加,解决
From: https://www.cnblogs.com/fckcsdn/p/17920678.html

相关文章

  • 以root登陆桌面_需要图形化界面
    修改配置1.suroot:在终端里切换到root用户下2.gedit /etc/pam.d/gdm-autologin(打开文本编辑器)这一行前加一个#,进行注释#auth required pam_succeed_if.so user!=root quiet_success关闭并保存3.gedit /etc/pam.d/gdm-password这一行前加一个#,进行注释#auth......
  • Qt在ui界面设置组件样式,styleSheet属性
    QGroupBox{border:3pxsolidred;border-radius:15px;} QGroupBox#groupBoxBtns{border:3pxsolidgreen;border-radius:5px;} QPushButton{border:3pxsolidblack;border-radius:7px;} QPushButton:hover{border:3pxsolidblue;border-radiu......
  • 移动端禁止浏览器强制缩放
    移动端H5页面加上 <metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> 还是会被浏览器强制缩放。使用下面的JS可以禁止此事件document.documentElement.addEventListener("touchstart&q......
  • 界面控件DevExpress WinForms PDF Viewer,让应用轻松显示PDF文档(一)
    DevExpressWinForms的PDFViewer(查看器)控件使用户可以轻松地在Windows应用程序中直接显示PDF文档,而无需在最终用户的机器上安装外部PDF阅读器。DevExpressWinForms有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应......
  • # yyds干货盘点 # 运行js文件,会弹出一个python解释器的界面,怎么解决呢?
    大家好,我是皮皮。一、前言前几天在Python白银交流群【菜......
  • 运行js文件,会弹出一个python解释器的界面,怎么解决呢?
    大家好,我是皮皮。一、前言前几天在Python白银交流群【菜......
  • 界面控件DevExpress v23.2全新发布 - 官宣正式支持.NET 8
    DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpressDashboardeXpressApp框架、适用于VisualStudio的CodeRush等一系列辅助工具。屡获大奖的软件开发平台DevExpress今年第一个重要版本v23.1正式发布,该版本拥有众多新产品和数十个具有高影响力......
  • 关于pyqt界面再不同分辨率和视图字体缩放和图片缩放得问题
    建议使用,这里说明一下,使用QApplication类或者QGuiApplication类进行设置都可以,因为QApplication继承自QGuiApplicationfromPyQt5.QtCoreimportQtfromPyQt5.QtGuiimportQGuiApplication######使用下面的方式一定程度上可以解决界面模糊问题--解决电脑缩放比例问题QApplic......
  • 界面控件DevExpress WPF Dock组件,轻松创建类Visual Studio窗口界面!
    本文主要为大家介绍DevExpressWPF控件中的Dock组件,它能帮助用户轻松创还能受MicrosoftVisualStudio启发的Dock窗口界面。P.S:DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用......
  • 带领新手小白如何在SSH终端打开图形化界面!!!
    写在前面博主最近在做一个类似于网络聊天室的东西,需要在服务器端把哪个客户机加入了、客户机之间发送的什么消息打印出来。本来以为是个挺简单的东西,没想到卡在了第一步!!!linux本身并没有自带图形化界面,需要我们进行设置。博主使用的SSH终端是MobaXterm。X11转发首先需要设置X11......