自定义事件 CustomEvent

超、凢脫俗 2022-12-07 11:48 217阅读 0赞

自定义事件 tReady 创建一个js文件自定义事件

  1. const myevent = new CustomEvent("tReady", {
  2. detail: {
  3. msg: 99,
  4. doc: document
  5. },
  6. bubbles: true,
  7. cancelable: true
  8. });
  9. // 输出事件
  10. window.dispatchEvent(myevent);

使用方法

  1. var iframe = document.getElementById("headerIframe").contentWindow;
  2. iframe.addEventListener("tReady", function (e) {
  3. var msg = e.detail.msg;
  4. that.page = msg;
  5. console.log(that.page);
  6. });

发表评论

表情:
评论列表 (有 0 条评论,217人围观)

还没有评论,来说两句吧...

相关阅读

    相关 定义事件

    ![1190185-20190927105629328-286278136.png][]  解释:上面2说的是自定义事件不适合用在爷爷向孙子层层传递数据(隔代)。也不适合兄弟

    相关 Vue 定义事件

    在实际场景中,我们通过props可从父组件向子组件传递数据来达到数据共享的目的。但是在某一些场景中,我们需要从子组件向父组件传递消息,此时,我们就可以使用vue提供的自定义事件

    相关 js定义事件

    HTML5开发有时需要实现自定义事件,如预加载图片需要知道加载进度事件,本篇以图片预加载功能为例,介绍如何实现自定义事件。 下面的ImgsLoader工具类,可以实现多图片预

    相关 Vue定义事件

            本博客记录了小编在学习Vue过程中的体会与感悟,简单来说就是小编的学习笔记,学习地址主要为Vue的官网,官网地址为:[《Vue官方文档》][Vue]。相关学习笔