单击父元素时JS函数，单击子元素时返回false

当单击父元素时，可以使用JavaScript函数来处理该事件。可以通过给父元素添加一个点击事件监听器来实现这一功能。当父元素被单击时，该事件监听器会触发相应的JavaScript函数。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>点击父元素示例</title>
  <script>
    function parentClick() {
      console.log("父元素被单击了");
    }
  </script>
  <style>
    #parent {
      width: 200px;
      height: 200px;
      background-color: lightblue;
    }
    #child {
      width: 100px;
      height: 100px;
      background-color: lightgreen;
    }
  </style>
</head>
<body>
  <div id="parent" onclick="parentClick()">
    <div id="child" onclick="return false;"></div>
  </div>
</body>
</html>

在上面的示例中，当单击父元素时，会触发parentClick()函数，并在控制台输出"父元素被单击了"。而当单击子元素时，会返回false，阻止事件冒泡到父元素，从而不会触发父元素的点击事件。

这种技术可以用于处理特定的交互需求，例如在某些情况下需要单击子元素时不触发父元素的点击事件。