# open彈窗事件 ## 3.8.open彈窗事件 open和popupRight這兩個事件是用來支持非js方式打開彈窗： ~~~ <button ew-event="open" data-type="2" data-content="http://baidu.com">iframe彈窗</button> <button ew-event="open" data-type="1" data-url="form.html">頁面彈窗</button> <button ew-event="open" data-type="1" data-content="#userForm">頁面彈窗</button> <form id="userForm">......省略</form> <!-- 設置area和offset --> <button ew-event="open" data-type="1" data-content="Hello" data-area="80px,60px" data-offset="10px,10px">頁面彈窗</button> <!-- popupRight一樣的用法 --> <button ew-event="popupRight" data-type="2" data-url="http://baidu.com" data-title="百度一下，你就知道">右側彈窗</button> <!-- function類型參數寫法，success、end等 --> <button ew-event="open" data-type="1" data-content="Hello" data-success="onDialogSuccess">頁面彈窗</button> <script> layui.use(['layer'], function(){ var layer = layui.layer; // 方法需要加window window.onDialogSuccess = function(){ layer.msg('彈窗被成功打開了'); }; }); </script> <!-- 加data-window="top"相當于top.layui.admin.open --> <button ew-event="open" data-type="2" data-content="http://baidu.com" data-window="top">iframe彈窗</button> ~~~ layer支持的參數大部分都可以通過data屬性來設置，數組類型用逗號分隔，function類型需要把作用域放在window對象下， 也可以直接寫js比如`data-success="layer.msg('打開了彈窗')"`。