Greasy Fork is available in English.

pops

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

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greasyfork.org/scripts/456485/1689305/pops.js을(를) 사용하여 포함하는 라이브러리입니다.

질문 또는 리뷰 남기기, 또는 스크립트 신고하기.

작성자: WhiteSevs
버전: 0.0.1.20251104154109
생성일: 2022-12-12
갱신일: 2025-11-04
크기: 714KB
라이선스: 해당 없음

弹窗库

最新版本：


## pops.isPhone

判断是否是手机访问

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

pops.alert

普通信息框

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

pops.confirm

询问框

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

pops.drawer

抽屉层

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

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,
    },
  },
});

pops.iframe

iframe层

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

pops.loading

加载层

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

pops.panel

面板层

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

pops.prompt

输入框

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

pops.rightClickMenu

右键菜单层

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

pops.tooltip

提示框

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

pops.searchSuggestion

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

弹窗库