在div上单击时，内联样式不希望更改

// HTML
<div id="parentDiv">
  <div id="childDiv" style="background-color: red;">Click me</div>
</div>

// JavaScript
document.getElementById("parentDiv").addEventListener("click", function(event) {
  if (event.target.id === "childDiv") {
    event.preventDefault();
  }
});

<style>
  .disable-click {
    pointer-events: none;
  }
</style>

<div id="div" class="disable-click" style="background-color: red;">Click me</div>