easyui窗口(window)越界问题--限定easyui窗口(window)活动范围

最新推荐文章于 2023-04-20 08:33:35 发布

wangxu_xuxu

最新推荐文章于 2023-04-20 08:33:35 发布

阅读量991

点赞数

分类专栏： java js 文章标签： easyui window window越界限制窗口范围限制window越界

本文链接：https://blog.csdn.net/wangxu_xuxu/article/details/44803423

版权

在使用easyui的窗口(window)组件时，若拖拽或改变大小导致窗口超出浏览器可视范围，将无法返回。本文介绍一种方法，通过监听onMove和onResize事件，实现在浏览器可视区域内限制窗口的位置和大小，确保窗口始终可见。

摘要由CSDN通过智能技术生成

在使用easyui窗口(window)时遇到一个问题,在窗体拖拽或改变大小时,如果超出浏览器范围,就回不来了.

因为浏览器不会显示滚动条.还要重新刷新页面.

于是我写了一个方法来实现限定窗体的活动范围(只能显示在浏览器可视范围中):

<div id="createSchoolWindow" class="easyui-window" title="新建学校"
       data-options="modal:true,closed:true,minimizable:false,iconCls:'icon-add'"
       style="width: 530px; height: 380px; padding: 10px;">
       <form id="createSchoolForm" method="post">
           <table>
               <tr>
                   <td>学校名称:</td>
                   <td><input class="easyui-validatebox" type="text" name="name" data-options="required:true"></input></td>
                   <td>学校网址:</td>
                   <td><input class="easyui-validatebox"