Javascript 可点击分区内的链接

我在可点击的div中有一个链接，如下所示：

HTML:

JS:

如何防止在div和链接上触发单击

---

我想保留链接的标记

除了锚标记之外，还有更多的内容进入div吗，或者您可以这样做，完全避免单击事件吗


.author主题块{
光标：指针；
文本对齐：居中；
线高：26px；
填充：0 10px 0 10px；
字体大小：15px；
字体系列：Oswald；
边框底部：4px实心透明；
}
可能不是最好的答案，但如果我要做类似的任务，我只需在div中注释href，爬虫程序仍然应该像阅读链接一样阅读它，但从技术上讲它是不可点击的

在我看来，你可能把事情复杂化了。为什么不直接为div指定每个链接，而不是让脚本创建它呢？这将简化代码并消除您的问题。
您可以使函数return false禁用锚href转发

<div onClick=" return goToCat(2);" class="author-topics-block ">
  <a href="http://mywebsite/page/?cat=2">The woman in steel</a>
</div>

function goToCat(catId) {
  window.location.href = "http://mywebsite/page/?cat=" + catId;
  return false;
}


函数gotocate（catId）{
window.location.href=”http://mywebsite/page/?cat=“+catId；
返回false；
}

.author-topics-block {
    cursor: pointer;
    text-align: center;
    line-height:26px;
    padding: 0 10px 0 10px;
    font-size: 15px;
    font-family: Oswald;
    border-bottom: 4px solid transparent;
}

function goToCat(catId) {
  window.location.href = "http://mywebsite/page/?cat=" + catId;
}

<div onClick=" return goToCat(2);" class="author-topics-block ">
  <a href="http://mywebsite/page/?cat=2">The woman in steel</a>
</div>

function goToCat(catId) {
  window.location.href = "http://mywebsite/page/?cat=" + catId;
  return false;
}