pops

纯JavaScript编写的弹窗,内置方法confirm、alert、prompt、loading、iframe、isPhone、tooltip、folder、panel、rightClickMenu。

目前为 2023-09-27 提交的版本。查看 最新版本

此脚本不应直接安装,它是一个供其他脚本使用的外部库。如果您需要使用该库,请在脚本元属性加入:// @require https://update.gf.qytechs.cn/scripts/456485/1256918/pops.js

作者
WhiteSevs
版本
0.0.1.20230927093758
创建于
2022-12-12
更新于
2023-09-27
大小
115.0 KB
许可证
暂无

自定义弹窗

pops.alert  /* 普通信息框 */
pops.confirm  /* 询问框 */
pops.prompt  /* 输入框 */
pops.loading  /* 加载层 */
pops.iframe  /* iframe层 */
pops.isPhone  /* 判断是否是手机访问 */
pops.tooltip  /* 提示框 */
# 部分使用方法

pops.alert({
  closeEnable: false,
  mask: true,
  only: true,
});

pops.prompt({
  position: "center",
  closeEnable: true,
  mask: 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 () {} /* 触发关闭事件的回调*/,
})

详情参数请看代码

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址