首页 > 其他分享 >js 创建和触发事件 和 自定义事件

js 创建和触发事件 和 自定义事件

时间:2024-05-22 18:07:59浏览次数:21  
标签:触发 自定义 创建 js window 事件 event

1、创建自定义事件 Event

const event = new Event("build");

// 监听该事件。
elem.addEventListener(
  "build",
  (e) => {
    /* … */
  },
  false,
);

// 分派该事件。
elem.dispatchEvent(event);

2、创建自定义事件 & 添加自定义数据——customevent

事件挂在到window上(全局),可以跨组件发送、监听事件,按需求而定

            let myEvent = new CustomEvent("pingan", {
          // 自定义数据 detail: { a: '参数1', b: '参数2', } }); window.addEventListener("pingan", (e)=>{ console.log('触发事件', e) }) window.dispatchEvent(myEvent);

 

标签:触发,自定义,创建,js,window,事件,event
From: https://www.cnblogs.com/liangziaha/p/18206843

相关文章

  • openAI assistants的自定义函数调用——类似HiAgent
    openAIassistants的自定义函数调用功能先添加函数: 和字节的hiagent非常相似。定义好函数以后。然后就是在客户端通过如下代码调用:  #读取系统变量fromdotenvimportload_dotenvload_dotenv()fromopenaiimportOpenAI#初始化客户端client=OpenAI()......
  • 摸清自定义流程表单开发优点 实现降本增效!
    随着社会竞争压力的增大,很多企业都希望实现降本增效提质的办公效果。那么,借助什么样的软件平台可以让企业在提升市场竞争力的前提下,还能降低开发成本,提高成效?低代码技术平台是目前流行于中小企业办公职场中的平台产品,其中自定义流程表单开发优势特点多、灵活高效、可视化操作界面,......
  • JS历理 点击图片在弹出层显示大图
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"><title>后台首页-ICbA后台模板-普通版演示</title><m......
  • JS历理 Markdown在线编辑器editor
    官网下载下载地址:http://editor.md.ipandao.comJS引入新建文件夹md,将下载好的文件引入过来,新建方法视图文件<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <ti......
  • Golang初学:vs code, launch.json, Run
    goversiongo1.22.1windows/amd64Windows11+amd64x86_64x86_64GNU/Linuxvscode1.89.1--- 序章在vscode开发go程序,之前总是在终端(terminal)输入命令(gorun.)来执行。不过,这不是最高效的方式。通过添加并配置launch.json可以更方便地程序仅运行(Ctrl+F5......
  • thinkphp5遇到必须使用Db::raw方法而无法使用json格式传递Db对象
    今天使用Thinkphp5做异步任务传递where参数时遇到一个问题:有一段如下代码:$where['jst.supplier']=['exp',Db::raw('>0orjst.is_supplier=1')];在使用swoole做异步任务时需要把where参数传递给异步任务处理,因为无法传递数组和对象只能传递字符串,所以需要把where数组转换......
  • 【unity】在EditorWindow添加自定义的Toolbar按钮
    好久没写了,最近做工具,写了个EditorWindow,为了让使用者方便查看这个工具的文档,想着在导航栏加个问号按钮,点一下打开说明文档就完事~查了下unity手册,发现Unity提供了一个ShowButton 方法,用于在自定义Editor窗口的工具栏中添加自定义内容,下面是实现的例子:privateGUIStyle......
  • duilib 自定义控件
    1.主窗口自定义FramWnd继承WindowImplBase,重写CreateControl,HandleMessage.组合CPaintManagerUI.2.自定义控件自定义mycontrol继承CControlUI重写DoEvent,DoPaint,SetPos.main.cpp#include"FramWnd.h"intAPIENTRYWinMain(HINSTANCEhInstance,HINSTANCE/*hPrev......
  • 使用-Danfo-js-构建数据驱动应用-全-
    使用Danfo.js构建数据驱动应用(全)原文:zh.annas-archive.org/md5/074CFA285BE35C0386726A8DBACE1A4F译者:飞龙协议:CCBY-NC-SA4.0前言大多数数据分析师使用Python和pandas进行数据处理和操作,这得益于这些库提供的便利性和性能。然而,JavaScript开发人员一直希望浏览器......
  • JavaScript-和-JSON-基础知识-全-
    JavaScript和JSON基础知识(全)原文:zh.annas-archive.org/md5/256179285D6D80D91E6E7DA046AC4F3E译者:飞龙协议:CCBY-NC-SA4.0前言《JavaScript和JSON基础》是一个一站式资源,可用于理解和实现各种Web应用中的JSON。本书全面介绍了如何实现和集成JSON到您的应用程序......