javascript - 不使 div 可点击的 anchor 标记

Question

我想让整个 div 都可以点击，我做了以下操作

  <a href=""><div class="col-lg-3 col-md-6 col-sm-6 col-12 item-mb">
                        <div class="service-box1 bg-body text-center">
                            <img src="img/service/service1.png" alt="service" class="img-fluid">
                            <h3 class="title-medium-dark mb-none"><a href="category-list-layout1.html">Electronics</a></h3>
                            <div class="view">(19,805)</div>
                        </div>
                    </div></a>

但是他的 div 无法点击，谁能告诉我我的代码有什么问题吗？

Answer 1

Try

<div class="col-lg-3 col-md-6 col-sm-6 col-12 item-mb" onClick="javascript:window.location='//stackoverflow.com'">
  <div class="service-box1 bg-body text-center">
    <img src="img/service/service1.png" alt="service" class="img-fluid">
    <h3 class="title-medium-dark mb-none"><a href="category-list-layout1.html">Electronics</a></h3>
    <div class="view">(19,805)</div>
  </div>
</div>