javascript - 如何在客户端图像 map 上制作 IE fireevent

Question

我需要在客户端图像 map 上使用 IE 模拟鼠标单击。哪个对象应该调用fireEvent() ？它不能简单地是<area>对象，因为它可以被 2 个不同的 <img> 引用s。它不可能是<img>因为我们需要一种方法来判断 img 的哪一部分被单击，这在 <area> 中定义。标签？

我已经在客户端图像映射上用真正的鼠标单击进行了一些测试。我的点击生成的事件对象指示(通过 event.srcElement 属性)该事件是从 <area> 生成的。标签。但是当我尝试以编程方式调用 <area>的fireEvent() ， 什么都没发生!

Answer 1

这可能就是您正在寻找的:

<img name="Area" src="Area.jpg" width="240" height="160" border="0" id="Area" usemap="#m_Area" alt="" /><map name="m_Area" id="m_Area">
<area shape="rect" id="A" coords="126,0,240,160" href="javascript:;" onclick="alert('a')" alt="" />
<area shape="rect" id="B" coords="0,0,126,160" href="javascript:;" onclick="alert('b')" alt="" />
</map>
<a href="javascript:document.getElementById('A').onclick()">Test</a>