Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何捕获Chrome扩展中confirm()弹出窗口的响应?

如何捕获Chrome扩展中confirm()弹出窗口的响应?
EN

Stack Overflow用户
提问于 2021-02-01 19:54:24
回答 1查看 34关注 0票数 0

我正在开发一个网页的铬扩展,其中用户填写和HTML表单。填写表单并按下Submit按钮后,将弹出一个Javascript Confirm()。如何在Chrome扩展中捕获用户对此弹出窗口的响应,即如何知道用户在Chrome扩展中是否在此弹出窗口上按了OK或Cancel

EN

回答 1

Stack Overflow用户

发布于 2021-02-23 06:02:55

您的content script应该覆盖page context中的confirm,如下所示:

代码语言:javascript
运行
AI代码解释
复制
const eventId = chrome.runtime.id;
addEventListener(eventId, e => {
  console.log('Intercepted confirm:', e.detail);
  // do something with the result right here inside the listener
})
runInPage(fn, eventId);

function runInPage(fn, args) {
  const script = document.createElement('script');
  script.textContent = `(${fn})(${JSON.stringify(args).slice(1, -1)})`;
  document.documentElement.appendChild(script);
  script.remove();
}

function hookConfirm(eventId) {
  const { confirm } = window;
  window.confirm = (...args) => {
    const res = confirm.apply(window, args);
    dispatchEvent(eventId, new CustomEvent(eventId, {detail: res}));
    return res;
  };
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65999280

复制
相关文章
ExtJs–02–MessageBox相关弹出窗口alert,prompt,confirm采用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117076.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/06
8530
弹出窗口大全
【1、最基本的弹出窗口代码】 其实代码非常简单:  window.open(page.htmJavaScript
Java架构师必看
2021/03/22
4.4K0
message 弹出窗口
import  javax.swing.JOptionPane; public class gong {     public static void main(String [] args) {  
Gxjun
2018/03/22
4.5K0
message 弹出窗口
Flex 弹出窗口的例子
<?xml version="1.0" encoding="utf-8"?> <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"   l
用户3135539
2018/09/12
3.4K0
如何在WordPress网站中添加Cookie弹出窗口(不使用插件)
如果你是使用WordPress建站的用户,那么有可能你的网站已经在使用Cookie来收集访问者的数据,如果您没有在网站上显示任何同意Cookie的通知,您可能会被处以巨额罚款或可能不得不处理严重的问题。
晓得博客
2021/07/23
4.4K0
jQuery的弹出窗口插件colorbox
支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。 通过CSS 控制外观,使用用户可以很容易重新定制外观。 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 可以依靠 callback & event-hooks 进行拓展,不需要修改源代码。 非常友好,不需要修改现有的 HTML,所有的选项都通过 JS 设置。
全栈程序员站长
2021/12/23
5.7K0
【SAP ABAP系列】ABAP POPUP_TO_CONFIRM 弹出框总结
Z_CONFIRM_WITH_MESSAGE should be created as shown in image below from Transaction SE61
matinal
2020/11/14
2K0
【SAP ABAP系列】ABAP POPUP_TO_CONFIRM 弹出框总结
10.14 如何实现一个居中弹出的窗口?
如何实现一个居中弹出的窗口? 效果 代码 <h1>如何实现一个居中弹出的窗口?</h1> <div id="panel1" class="panel-mask"> <div class="panel"> <style> .panel-mask { height: 100%; position: fixed;
LIYI
2020/10/26
1.7K0
10.14 如何实现一个居中弹出的窗口?
上不了谷歌如何安装 Chrome 扩展?
关于镜像网站之前写过那些你用得上的镜像网站,在https://chrome-extension-downloader.com/ 或者https://crxdl.com/ 这类网站下载Chrome扩展对应的crx文件,比如输入https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc 的插件id pioclpoplcdbaefihamjohnefbikjilc就能下载crx文件。
苏生不惑
2020/04/02
1.6K0
上不了谷歌如何安装 Chrome 扩展?
在Edge中安装Chrome扩展程序
Edge可以安装绝大多数Chrome商店中的扩展, 但Chrome中的谷歌开发App程序, 类似Secure Shell App, 目前是无法安装的, 新版Edge使用了Chrome的Chromium内核, 可以兼容安装Chrome生态中的各种应用程序,为Edge未来的发展带来了无限可能~
zhaoolee
2019/05/31
3.1K0
Chrome下的打开新窗口
做了一个后台运维管理系统<前台页面基于Extjs进行开发>,在点击datagrid头部一个按钮,需要打开一个新窗口
meteoric
2018/11/15
3.7K0
jquery 模态窗口 弹出窗 simpleModal
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SimpleModal Basic Modal Dialog </title> <link type='text/css' href='css/demo.css' rel='stylesheet' /> <link type='text/css' href='css/box.css' rel='stylesheet' /> </head> <body> <div id='container'>
用户5760343
2019/10/10
6.5K0
jquery 模态窗口 弹出窗 simpleModal
新版Pycharm中Matplotlib图像不在弹出独立的显示窗口「建议收藏」
官方说明链接: https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000736584-SciView-in-PyCharm-2017-3-reduces-functionality-of-Matplotlib
全栈程序员站长
2022/09/27
6K0
新版Pycharm中Matplotlib图像不在弹出独立的显示窗口「建议收藏」
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000736584-SciView-in-PyCharm-2017-3-reduces-functionality-of-Matplotlib
小海怪的互联网
2019/08/23
4K0
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
那些实用的 Chrome 扩展神器
之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。
数据森麟
2019/12/31
1.2K0
那些实用的 Chrome 扩展神器
Chrome扩展开发
注:content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中,无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文,可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例: js/content-script.js
路过君
2020/06/19
9320
点击加载更多

相似问题

chrome扩展弹出窗口

14

chrome扩展中的弹出窗口?

32

如何打开Chrome的扩展弹出窗口?

20

Chrome扩展中的弹出窗口图标

10

如何扩展我的Chrome扩展的弹出窗口

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档