如何检测窗口末尾的鼠标调整大小？

Question

我正在寻找一种方法来在窗口调整大小的最后检测mouseup事件(通过拖动完成).(AFAICT,此事件不会被resize处理程序打开$(window)或打开$(document).)

PS:为了我的目的,可以定义一个"拖动调整大小",作为在mousedown(在窗口上合适的调整大小的轨迹上)和相应的mouseup事件之间发生的大小调整,忽略用户可能做出的任何暂停,同时仍然按住鼠标按钮,在这两个端点之间.

Answer 1

$ npm install resizeend

或添加到您的页面：

<script src="https://raw.githubusercontent.com/jeremenichelli/resizeend/master/dist/resizeend.min.js"></script>

然后只需使用该事件：

window.addEventListener('resizeend', function() {
    alert('You are not resizing the window anymore!');
});