🎉 欢迎访问GreasyFork.Org 镜像站！本镜像站由公众号【爱吃馍】搭建，用于分享脚本。联系邮箱📮

Greasy fork 爱吃馍镜像

☰

Greasy Fork is available in English.

📂 缓存分发状态：(共享加速已生效)
🕒 页面同步时间：2026/01/26 03:20:10
🔄 下次更新时间：2026/01/26 04:20:10
手动刷新缓存

pops

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

Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://update.greasyfork.org/scripts/456485/1731054/pops.js

Hoe installeer ik dit?

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

🚀 安装遇到问题？关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址

Hoe installeer ik dit?

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

🚀 安装遇到问题？关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址
Maker
WhiteSevs
Versie
0.0.1.20260109164343
Gemaakt op
12-12-2022
Bijgewerkt op
09-01-2026
Grootte
795 KB
Licentie
N.v.t.

弹窗库

  • 最新版本：npm version

## pops.isPhone

判断是否是手机访问

```js
pops.iPhone()
-> true

pops.alert

普通信息框

pops.alert({
  content: {
    text: "普通信息框",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi72wJ1.png

pops.confirm

询问框

pops.confirm({
  content: {
    text: "询问框",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi720Rx.png

pops.drawer

抽屉层

pops.drawer({
  content: {
    text: "抽屉层",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi72rQK.png

pops.folder

文件夹层

pops.folder({
  title: {
    text: "文件夹层",
  },
  folder: [
    {
      fileName: "测试文件.apk",
      fileSize: 30125682,
      fileType: "apk",
      createTime: 1702036410440,
      latestTime: 1702039410440,
      isFolder: false,
      index: 1,
      clickEvent() {
        console.log("下载文件：", this.fileName);
        return "https://update.greasyfork.org/scripts/456485/pops.js";
      },
    },
  ],
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi72ssO.png

pops.iframe

iframe层

pops.iframe({
  url: window.location.href,
  title: {
    text: "iframe层",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi722od.png pi72cee.png pi72gdH.png

pops.loading

加载层

pops.loading({
  parent: document.body,
  content: {
    text: "加载中...",
    icon: "loading",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

pi72IQf.png

pops.panel

面板层

pops.panel({
  title: {
    text: "面板层",
  },
  content: [
    {
      id: "whitesev-panel-config",
      title: "菜单配置",
      headerTitle: "菜单配置",
      isDefault: true,
      forms: [],
    },
  ],
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

o7kyTc.png

pops.prompt

输入框

pops.prompt({
  content: {
    text: "输入框的内容",
  },
  mask: {
    enable: true,
    clickEvent: {
      toClose: true,
    },
  },
});

o7rGnT.png

pops.rightClickMenu

右键菜单层

pops.rightClickMenu({
  target: document.documentElement,
  data: [
    {
      icon: pops.config.iconSVG.search,
      iconIsLoading: false,
      text: "右键菜单",
      callback(event) {
        console.log("点击：" + this.text, event);
      },
    },
  ],
});

o7r5Uq.png

pops.tooltip

提示框

pops.tooltip({
  target: document.querySelector("#user-container"),
  content: "鼠标悬浮提示内容",
});

o7rCFr.png

pops.searchSuggestion

let suggestion = pops.searchSuggestion({
  target: document.querySelector("input"),
});
suggestion.init();

详情参数请看代码