jquery easyui防止超出浏览器边界

浏览数：60 / 时间：2015年06月09日

var easyuiPanelOnMove=function(left,top){

    if(left<0){
        $(this).window(‘move‘,{
    　　　left:1
　　　});
    } 
      if(top<0){
         $(this).window(‘move‘,{
           top:1
       });
    } 
}        

$.fn.panel.defaults.onMove = easyuiPanelOnMove;
$.fn.window.defaults.onMove=easyuiPanelOnMove;
$.fn.dialog.defaults.onMove=easyuiPanelOnMove;

方式一：防止easyui的panel,window,dialog框超出浏览器，如上

方式二：

控制dialog超出浏览器回到原来的地方

//控制dialog超出浏览器回到原来的地方
var default_left;
var default_top;
function onopen(){ 
        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 ,   
               });  
       }
}