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> 标签内可点击