限制大小调整浏览器JQuery

限制大小调整浏览器JQuery,jquery,browser,Jquery,Browser,我希望我的用户只将浏览器的大小调整到400px 它可以用JQuery实现这一点吗 我需要一个简短的示例。实现了在用户DOM元素上触发两个事件的函数: resizestart resizeend 代码: 绝对不是。浏览器是一个沙盒,包含并执行javascript。这种语言对包含它的盒子没有力量。但是,您可以使用正文{min width:400px}限制页面的宽度,这可能会添加滚动条。 var resizeEventsTrigger = (function () { function tr

我希望我的用户只将浏览器的大小调整到400px

它可以用JQuery实现这一点吗

我需要一个简短的示例。

实现了在用户DOM元素上触发两个事件的函数:

resizestart
resizeend
代码:


绝对不是。浏览器是一个沙盒,包含并执行javascript。这种语言对包含它的盒子没有力量。但是,您可以使用
正文{min width:400px}
限制页面的宽度,这可能会添加滚动条。
var resizeEventsTrigger = (function () {
    function triggerResizeStart($el) {
        $el.trigger('resizestart');
        isStart = !isStart;
    }

    function triggerResizeEnd($el) {
        clearTimeout(timeoutId);
        timeoutId = setTimeout(function () {
            $el.trigger('resizeend');
            isStart = !isStart;
        }, delay);
    }

    var isStart = true;
    var delay = 200;
    var timeoutId;

    return function ($el) {
        isStart ? triggerResizeStart($el) : triggerResizeEnd($el);
    };

})();

$("#my").on('resizestart', function () {
    console.log('resize start');
});
$("#my").on('resizeend', function () {
    console.log('resize end');
});

window.onresize = function () {
    resizeEventsTrigger( $("#my") );
};