Greasy Fork is available in English.

pops

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

נכון ליום 15-12-2023. ראה הגרסה האחרונה.

אין להתקין סקריפט זה ישירות. זוהי ספריה עבור סקריפטים אחרים // @require https://update.greasyfork.org/scripts/456485/1296096/pops.js

יוצר
WhiteSevs
גרסה
0.0.1.20231215053220
נוצר
12-12-2022
עודכן
15-12-2023
רישיון
לא זמין

自定义弹窗

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

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()

详情参数请看代码