artDialog组件应用学习（五）

一.artDialog事件应用

对话框编写代码

function DialogEvent() {
    seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) {
        var d = dialog({
            content: "对话框信息",
            onreset: function () {
                alert("位置重置");
            },
            onfocus: function () {
                alert("我取得焦点了");
            },
            onshow: function () {
                alert("我被打开");
            },
            onblur: function () {
                alert("我失去焦点了");
            },
            onclose: function () {
                alert('对话框已经关闭');
            },
            onbeforeremove: function () {
                alert('对话框将要被销毁');
            },
            onremove: function () {
                alert('对话框已经销毁');
            },
            ok: function () {
                //d.remove();
            }
        });
        d.width(280);
        d.height(50);
        d.show();
    });
}

属性

onreset：　　　　　　  Function类型，对话框位置重置事件

onfocus：　　　　　　 Function类型，对话框获取焦点时执行

onblur：　　 　　　　   Function类型，对话框失去焦点时执行

onshow：　　　　　　  Function类型，对话框打开时执行

onclose：　　　　　　  Function类型，对话框关闭时执行

onbeforeremove：　　 Function类型，对话框销毁前执行

onremove：　　　　    Function类型，对话框销毁时执行

执行该方法时会依次按照上面代码顺序执行，其中onreset会连续执行3次，onblur在关闭和销毁对话框时各执行一次

转载于:https://www.cnblogs.com/paulhe/p/3704274.html