仅在父标记之外触发单击事件

Question

我有一个<div>标记，其中包含多个子项，如果用户点击该标记之外的某个位置，则希望触发一个事件。到目前为止，我只是设法将逻辑直接应用于我已经指定的target.id：

onClickEvent(event: any){
    if (this.openAddVehicle && event.target.id !== 'add-vehicle'){
      this.openAddVehicle = !this.openAddVehicle;
    }
  }

我已经尝试检查target.id的孩子都没有被点击，但是他们又有了孩子，这就是继续。如何才能将此仅应用于<div id='add-vehicle'>，而无需检查其子项？