随笔- 20 文章- 1 评论- 1 阅读- 7423

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

根据鼠标位置，动态设置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>

posted @ 2019-09-18 16:45 正文儿阅读(998) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

范先生的笔记簿

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

我的标签

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论