# 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('打开了弹窗')"`。