原生Js给window新增点击事件，已有点击事件的元素没有绑上新增的点击事件

可以使用事件委托的方式来解决这个问题，将事件绑定在父元素上，然后通过事件冒泡的特性，让子元素的点击事件也能够触发。

例如，假设我们要给页面上所有的按钮新增一个点击事件，但是有些按钮已经绑定了点击事件，我们可以这样做：

// 获取页面上所有的按钮元素
const buttons = document.querySelectorAll('button');

// 给 window 添加一个点击事件，监听所有按钮的点击事件
window.addEventListener('click', function(event) {
  // 如果点击的是按钮元素
  if (event.target.tagName === 'BUTTON') {
    // 执行我们要新增的点击事件逻辑
    console.log('点击了按钮：', event.target.innerText);
  }
});

这样，无论是已经绑定了点击事件的按钮，还是新增的按钮，都能够被监听到点击事件了。

相关问题

原生Js给window新增点击事件，包括已绑定点击事件的元素

你可以使用addEventListener方法来给window对象新增点击事件，如下所示：

window.addEventListener('click', function(event) {
  // 处理点击事件
});

这会在整个window对象上添加一个点击事件监听器，包括已经绑定了点击事件的元素。当然，你也可以使用其他事件名称，例如`mousedown`、`mouseup`或`mousemove`等。

需要注意的是，如果已经在某个元素上绑定了点击事件，并且事件处理函数中使用了`event.stopPropagation()`方法阻止事件冒泡，则该元素上的点击事件不会触发window对象上的点击事件。

原生Js强制给window新增点击事件，包括已绑定点击事件的元素

强制触发window对象上的点击事件可以使用`dispatchEvent`方法。在这种情况下，你需要创建一个`MouseEvent`对象，并将其分派到window对象。下面是一个示例代码：

var event = new MouseEvent('click', {
  'view': window,
  'bubbles': true,
  'cancelable': true
});
window.dispatchEvent(event);

这段代码将创建一个名为`click`的`MouseEvent`对象，并将其分派到window对象。该事件对象具有以下属性：

- `view`: 事件的目标视图，即`window`对象。
- `bubbles`: 是否冒泡，默认为true。
- `cancelable`: 是否可以取消事件的默认行为，默认为true。

需要注意的是，这种方式会强制触发window对象上的点击事件，包括已经绑定了点击事件的元素。因此，如果你使用这种方式触发点击事件，请确保所有的事件处理函数都已经正确地处理了事件。