jquery easyui中的dialog拖动超出浏览器问题解决办法

最新推荐文章于 2023-07-27 20:57:23 发布

weixin_30852451

最新推荐文章于 2023-07-27 20:57:23 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/suncj/p/4031218.html

本文介绍了一种解决Juquery EasyUI中dialog组件在拖动超过浏览器边界后无法返回原始位置的问题的方法。通过监听dialog的移动事件并限制其边界范围，确保dialog始终位于可视区域内。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

juqery easyui当鼠标点着拖动超出浏览器后，就回不来了，拉不下的问题:

//控制dialog超出浏览器回到原来的地方
var default_left;
var default_top;//dialog弹出框距离浏览器右侧位置
function onopen(){ 
　　//取到dialog的位置
　　default_left=$('#wow-goods-add').panel('options').left; 
　　default_top=$('#wow-goods-add').panel('options').top;
}

function onmove(left,top){
var body_width=document.body.offsetWidth;//body的宽度
var body_height=document.body.offsetHeight;//body的高度
var dd_width= $('#wow-goods-add').panel('options').width;//dialog的宽度
var dd_height= $('#wow-goods-add').panel('options').height;//dialog的高度 
if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){
$('#wow-goods-add').dialog('move',{ 
left:default_left, 
top:default_top , 
}); 
}
}