html 使整个Div可点击

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 使整个Div可点击相关的知识,希望对你有一定的参考价值。

https://css-tricks.com/snippets/jquery/make-entire-div-clickable/

http://stackoverflow.com/questions/13452398/jquery-how-to-make-a-clickable-div-open-in-a-new-window

MAKE CURSOR POINTER VISIBLE
<style>
.myBox:hover { 
  cursor: pointer; 
}
</style>

<div class="myBox">
  blah blah blah.
  <a href="http://google.com">link</a>
</div>



<script>
// opens on the same page
jQuery(".myBox").click(function() {
  window.location = jQuery(this).find("a").attr("href"); 
  return false;
});  
  
  
// Opens in a new tab
  
jQuery(".myBox").click(function() {
    window.open(jQuery(this).find("a").attr("href"), '_blank');
  return false;
});  

</script>





以上是关于html 使整个Div可点击的主要内容,如果未能解决你的问题,请参考以下文章

使整个 <li> 成为正确 HTML 的链接

如何使整个 <div> 可选?

html元素使整个网络应用程序可选择?

如何使循环中的div可点击

通过锚标记使整个 <td> 可点击

使 <img> 在 <div> 标签内可点击