首页 > 其他分享 >iframe 使用 postMessage 传递信息,addEventListener监听返回信息,并使用removeEventListener取消监听事件

iframe 使用 postMessage 传递信息,addEventListener监听返回信息,并使用removeEventListener取消监听事件

时间:2024-02-20 16:12:47浏览次数:39  
标签:postMessage removeEventListener any callBack addEventListener 监听

BUTTON 发送消息 selectButton.addEventListener('click', () => {             iframe.contentWindow.postMessage({                 event_id: "select_media",                 return_type: 'media'             }, '*');         }); const callBack = (e: any) => {         if (e.data.selected_medias && e.data.selected_medias.length > 0) {     取消监听             (window as any).removeEventListener('message', callBack, false);         }     } 监听     const openIframe = () => {         (window as any).addEventListener('message', callBack, false);   ... }

标签:postMessage,removeEventListener,any,callBack,addEventListener,监听
From: https://www.cnblogs.com/zscxy/p/18023331

相关文章

  • 监听挂在 window 对象上某一个变量的改变
    Vue的watch选项并不能直接监听window对象上的属性变化。我们首先在Vue实例的created钩子中使用window.addEventListener方法监听了一个自定义事件DetailDataChange。然后,在函数GETMessageFromUE中,我们更新了window.DetailData的值,并通过window.dispatchEvent方法触发了DetailData......
  • vue 监听器watch用法
    <template> <div>  <h1>{{message}}</h1>  <button@click="btnclick">点击</button> </div></template><script> exportdefault{  data(){   return{    message:'hello&......
  • python 监听鼠标和键盘
    目录python监听鼠标和键盘python监听鼠标和键盘开始前安装pynputpipinstallpynputfrompynputimportkeyboard,mouse#监听鼠标点击事件defon_click(x,y,button,pressed):ifpressedandbutton==mouse.Button.left:print("鼠标左键被按下")......
  • 前端监听页面是否鼠标移动 超过一定的静止时间自动跳转到登录页面
    import{CreateBuriedPoints}from'@/api/Statistics';exportconstDurationStay={data(){return{currentTime:"",DurationOfStay:5*60*1000,//自定义的无操作时长5分钟intervalTime:0}},mou......
  • PostMessage与SendMessage区别
     PostMessage发送的消息是发送到应用程序的消息队列里,看d箭头SendMessage发送的消息是直接发送到应用程序的消息处理函数中    ......
  • js处理事件:异步处理事件与线程,使用队列按序执行,事件广播,事件bus,事件监听,变量监听,动态
    js处理事件:异步处理事件与线程,使用队列按序执行,事件广播,事件bus,事件监听,变量监听,动态执行,父子通信在Vue3中,你可以使用以下方法来处理异步事件、线程、队列执行、事件广播、事件总线、事件监听、变量监听、动态执行和父子通信:1.异步处理事件:可以使用async/await或Promise......
  • [Express]中间件监听不同事件
    监听req的data事件在中间件中,需要监听req对象的data事件,来获取客户端发送到服务器的数据。如果数据量比较大,无法一次性发送完毕,则客户端会把数据切割后,分批发送到服务器。所以data事件可能会触发多次,每一次触发data事件时,获取到数据只是完整数据的一部分,需要手动对接收到的......
  • 使用event.key属性来监听键盘按键
    在现代浏览器中,使用event.key属性来监听键盘按键是更好的做法。这是因为event.keyCode已经被弃用,并且在不同的浏览器和设备上可能会有不同的行为。根据MDN文档:event.keyCode:这个属性已经废弃,不推荐使用,因为它对于同一字符在不同布局下可能返回不同的值。event.key:这是推荐......
  • (QT) UDP监听断开
    UDP通讯只需要是用bind绑定对IP和Port的监听,断开监听可以使用函数abort() 做实验的时候用自定义类 classUDPClient:publicQObject{Q_OBJECTpublic:explicitUDPClient(QObject*parent=nullptr);publicslots:voidstartClient();voide......
  • c#使用Hook钩子全局监听键盘和鼠标
    背景:今天接到客户一个需求,就是在收银员在用扫码枪扫顾客会员码或者微信付款码的时候判断用户有没有加企微好友和进企微群,然后根据这个状态进行语音播报,判断顾客能不能享受优惠价。关键难点就是用户用的收银系统是别家的,线上小程序用的是我们家的,两家不互通,所以立即决定采用Hook钩......