jquery easyui防止超出浏览器边界
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 , }); } }