html - 两个链接重叠

Question

我遇到了 HTML 的问题。

我有一个包含链接图像的链接 div。当我单击图像时，我会打开（图像和 div 的）链接，而我只想打开图像一个。

我怎样才能让它工作？我需要当我点击整个 div 时，除了图像区域之外，我会到达 div 的链接，否则在图像的链接上。

在此先感谢，阿莱西奥

Answer 1

你可以这样做

<div id="mydiv" onclick="window.location.href=('Somepage.aspx')">
  Some text to fill the space... blah blah blah<br />
  <img id="myimg" onclick="window.location.href=('AnotherPage.html')" src="thisphoto.gif" />
</div>

更新

您可以添加一个脚本来取消气泡，然后转发到您想要的页面它可能是两三行

<script type="text/vbscript" id="CancelMyBubble">
  function CancelMyBubble(link)
    window.event.cancelBubble = true
    window.location.href=link
  end function
</script>


<div id="mydiv" onclick="window.location.href=('Somepage.aspx')">
  Some text to fill the space... blah blah blah<br />
  <img id="myimg" src="shape1.jpg" onclick="CancelMyBubble('AnotherPage.html')" />
</div>

Answer 2

你可以这样做： -

function func1()
{
window.location.href="http://www.google.com";

}

function func2()
{
window.location.href="http://www.yahoo.com";

}

代码

 <div id="divid" >
 <div onclick="func1()"> Some text to fill the space... blah blah blah</span></div>
<img id="imgid" onclick="func2()" src="SOMEIMAGE" />
</div>