在事件后调用在多个javascript文件中处理的函数

<button id="myButton">Click me</button>

<script>
  function myFunction() {
    // 处理函数的代码
  }

  document.getElementById("myButton").addEventListener("click", myFunction);
</script>

// module1.js
export function handleEvent() {
  // 处理函数的代码
}

// module2.js
export function handleEvent() {
  // 处理函数的代码
}

// main.js
import { handleEvent as handleEvent1 } from './module1';
import { handleEvent as handleEvent2 } from './module2';

document.getElementById("myButton").addEventListener("click", handleEvent1);
document.getElementById("myButton").addEventListener("click", handleEvent2);

// file1.js
document.addEventListener("myCustomEvent", function(event) {
  // 处理函数的代码
});

// file2.js
document.addEventListener("myCustomEvent", function(event) {
  // 处理函数的代码
});

// main.js
var event = new CustomEvent("myCustomEvent");
document.dispatchEvent(event);