纯JavaScript编写的弹窗，内置方法confirm、alert、prompt、loading、iframe、isPhone、tooltip、folder、panel、rightClickMenu。
目前为
此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/456485/1300425/pops.js
pops.alert /* 普通信息框 */
pops.confirm /* 询问框 */
pops.prompt /* 输入框 */
pops.loading /* 加载层 */
pops.iframe /* iframe层 */
pops.isPhone /* 判断是否是手机访问 */
pops.tooltip /* 提示框 */
pops.drawer /* 抽屉层 */
pops.folder /* 文件夹层 */
pops.panel /* 面板层 */
pops.rightClickMenu /* 右键菜单层 */
# 部分使用方法
pops.alert({
closeEnable: false,
mask: {
enable: true
},
only: true,
});
pops.prompt({
position: "center",
closeEnable: true,
mask: {
enable: true
},
only: true,
title: {
text: "prompt",
position: "center",
},
content: {
placeholder: "提示",
text: "自带的内容",
row: false /* 多行 */,
focus: true /* 输入框自动聚焦 */,
},
btn: {
ok: {
callback: (event) => {
console.log(event);
alert("确定");
event.close();
},
},
},
});
pops.loading({
parent: document.body,
only: true,
});
pops.tooltip({
target: document.querySelector(".xxx"),/* 目标元素 */
content:"测试文字",
location:"top", /* 提示框弹出的方向 上、右、下、左(left,right,bottom,top)*/,
triggerShowEventName: "mouseenter" /* 触发显示事件的名称 */,
triggerCloseEventName: "mouseleave" /* 触发关闭事件的名称 */,
triggerShowEventCallBack: function () {} /* 触发显示事件的回调 */,
triggerCloseEventCallBack: function () {} /* 触发关闭事件的回调*/,
})
pops.drawer()
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址