New CustomEvent自定义事件

217 阅读1分钟

自定义事件

介绍

New CustomEvent是一种用于创建自定义事件的API。

它允许开发人员创建自定义事件,并指定事件的名称、数据和行为。这些事件可以被其他脚本或浏览器原生事件捕获/监听,以便在特定的时机触发相应的逻辑。

使用New CustomEvent,您可以为您的网站或应用程序创建自定义事件,以便根据特定的用户操作或应用程序行为来触发自定义逻辑。

应用场景

项目中使用的表格是ag-grid,以前没怎么用过,现在有个需求是切换商家后,分类输入框清空内容并根据商家转换分类内容

searchTrioger(value, form)(.png

headerName•商品分类!.png

Classification中:

useEf fect(().png searchTrigger:某个查询表单值触发变更,设置一个自定义事件
在分类组件里,useEffect监听searchTrigger里面的值发生变化,然后再根据id变化重新发起请求获取数据。

参数:

  • detail:可选的默认值是 null 的任意类型数据,是一个与 event 相关的值(向事件对象添加更多数据)
  • bubbles:一个布尔值,表示该事件能否冒泡。注意:测试chrome默认为不冒泡。
  • cancelable:一个布尔值,表示该事件是否可以取消。

mdn:developer.mozilla.org/zh-CN/docs/…