javascript - 当浏览器窗口调整到特定宽度时禁用浏览器窗口调整大小

标签 javascript jquery

<分区>

我正在编写一个脚本,当我们将浏览器的宽度调整为 320px 时,我想限制浏览器窗口的调整大小。屏幕不应缩小到 320 像素以下。

这是我的代码!!

        var waitForFinalEvent = (function() {
          var timers = {};
          return function(callback, ms, uniqueId) {
            if (!uniqueId) {
              uniqueId = "Don't call this twice without a uniqueId" ;
            }
            if (timers[uniqueId]) {
              clearTimeout(timers[uniqueId]);
            }
            timers[uniqueId] = setTimeout(callback, ms);
          };
        })();

        // Usage
        $(window).resize(function() {
          var output = $('.output');
          $(output).text('RESIZING...');
          // Wait for it...
          waitForFinalEvent(function() {
            $(output).text('EVENT FIRED!');
            //...
          }, 500, "some unique string");
        });

最佳答案

试试这个

$(window).resize(function(){
    if ($(window).width() <= 320) {
       window.resizeTo(300 ,$(window).height());
    }
});

如果您的窗口大小调整为小于 320,则无论当前高度是多少,都强制将窗口大小调整为 320 x。

关于javascript - 当浏览器窗口调整到特定宽度时禁用浏览器窗口调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44427618/

相关文章:

javascript - 如何将特定对象值插入数组

javascript - Angularjs – 对主细节场景中未保存的更改发出警告

javascript - 即使加载 jquery ui 库,$.ui 也是未定义的

javascript - 在核心 php 中,我需要在数据库中添加的编辑字段中查看图像

c# - 带有显示 html 的对话框部分 View 的 mvc PartialView

php - "Undefined property"尝试通过 php 将 javascript 表单数据保存到 mysql 数据库时

javascript - 使用 useMemo 防止重新渲染子组件数组时性能受到影响 | react

javascript - speechSynthesis API 不工作

jquery 图像淡入

jquery - :checked is selecting select inputs as well