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

Greasy fork 爱吃馍镜像

Greasy Fork is available in English.

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

pops

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

Tätä skriptiä ei tulisi asentaa suoraan. Se on kirjasto muita skriptejä varten sisällytettäväksi metadirektiivillä // @require https://update.greasyfork.org/scripts/456485/1731054/pops.js.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

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

公众号二维码

扫码关注【爱吃馍】

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

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

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

公众号二维码

扫码关注【爱吃馍】

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

Tekijä
WhiteSevs
Versio
0.0.1.20260109164343
Luotu
12.12.2022
Päivitetty
9.1.2026
Size
795 kt
Lisenssi
N/A

弹窗库

  • 最新版本: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();

详情参数请看代码