K.P系统默认弹出框替换方法

puyuetian 发布于: puyuetian.js , 2021-06-23

版本:4.0.0

K.P为pkpopup的快速调用方法,其功能是实现了对系统默认的alert、prompt、confirm等弹出框的美化。

// 通用方法:
var pid = K.P({
	type: false, //alert|0提示框(默认),confirm|1确认框,input|2输入框,tip|3提示框,load|4加载框,pk521|5自定义
	title: false, //提示框的标题,默认值为“提示”
	content: '你好世界', //提示框的内容
	area: false, //面积及位置,格式举例["100%","500px","20%","0","0","35%"],[宽,高,上,右,下,左],默认自适应
	extclass: false, //自定义的class样式,字符串类型,默认无
	shade: false, //是否显示遮挡层,false不显示(默认),true显示
	noclose: false, //点击确认后是否自动关闭提示框,true不关闭,false关闭(默认)
	nomove:false, //是关闭拖动,true关闭,false开启(默认)
	nofixedmove:false, //是否关闭限制拖动范围,true关闭,false开启(默认)
	inputtype: false, //input单行(默认),textarea多行
	hideclose: false, //是否隐藏右上方的关闭按钮,true隐藏,false不隐藏(默认)
	times: false, //提示框显示的时间,毫秒,默认值2000,0为不自动关闭
	icon: false, //提示框和确认框是否显示图标,默认不显示,0信息,1成功,2失败,3疑问
	btnshtml: false, //自定义的按钮,仅在type为自定义时有用,举例:<a href="#">按钮</a>
	submit: function(id, value) {
		//id为弹出框的id编号,为数字,若id=1,则弹出框的id="pkpopup_1",遮挡层id="pkpopup_1_shade"
		//仅下方type起作用
		//confirm框,确认后回调的函数
		//input框,输入后回调的函数,value为输入的值
	},
	cancel: function(id) {
		//关闭或取消后调用的函数
	},
	close: function(id) {
		//关闭或取消后调用的函数
	},
	complete: function(id) {
		//提示框弹出后调用的函数,一般用于自定义按钮的事件定义
	}
});
//关闭已开的弹出框,未指定id则关闭所有
//K.close(id)
用法举例:

// alert 
K.alert('你好',1,function(){
	console.log('点击了确定');
});
// confirm
K.confirm('确认该操作吗?',3,function(){
	console.log('点击了确认');
});
// prompt
K.prompt('请输入手机号',function(value){
	console.log(value);
});
// msg自动关闭提示框
K.msg('性别输入有误');
// loading 加载框
K.loading('正在加载...');
// iframe 网页iframe弹出框
K.iframe('https://www.hadsky.net','新标题');

发表评论
评论列表
加载更多