spy19930412 / dialog

原生JavaScript系列:弹窗组件

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

弹窗组件: 常用的信息框提示

alert提示框

Dialog.alert(msg, icon)

confirm提示框

Dialog.confirm(msg, icon)

load加载页面

Dialog.load(url, title)

prompt浮动提示

Dialog.prompt(msg)

loading加载中

Dialog.loading() Dialog.loading('off')

alert和confirm的区别:

  • alert只有一个取消按钮
  • confirm即有确定又有取消按钮

confirm的使用

// 确定事件
function ok() {
    console.log('click ok button');
}
// 取消事件
function cancel() {
    console.log('click cancel button');
}

var dialog= Dialog.confirm('我是信息框内容', 'inquiry')
	.on('ok', ok)
	.on('cancel', cancel);
  • on添加类型事件
  • un则是对on绑定的事件进行解除绑定
// 解绑
dialog.un('ok', ok)
	.un('cancel', cancel);

About

原生JavaScript系列:弹窗组件


Languages

Language:JavaScript 71.6%Language:CSS 22.9%Language:HTML 5.4%