【工作记录-前端】动态设置easyUI window位置

最新推荐文章于 2023-05-18 11:07:06 发布

araqd42204

最新推荐文章于 2023-05-18 11:07:06 发布

阅读量164

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/FindRui/p/11543496.html

版权

根据鼠标位置，动态设置easyui 新打开的window位置

动态设置easyUI  window位置。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic Panel - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<div id="target" class="easyui-window" title="title" closed="true" resizable="false"
		collapsible="false" minimizable="false" maximizable="false" style="width:500px;height:450px; display: none; ">  
      
    </div>
	<button type="button" onclick = "openWindow()">打开窗口</button>

	<script>
		var openWindow = function(){
			 var e = event || window.event;
			 var x = e.clientX;
			 var y =  $(document).scrollTop() + 50 ;
			 $('#target').window({
				 left: x + "px",
				 top: y + "px"
			 });
			 $('#target').window('open');
		}
	</script>
</body>
</html>

转载于:https://www.cnblogs.com/FindRui/p/11543496.html

araqd42204

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【工作记录-前端】动态设置easyUI window位置

根据鼠标位置，动态设置easyui 新打开的window位置动态设置easyUI window位置。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Panel - jQuery EasyUI Demo<...
复制链接

扫一扫