AREA標籤的offsetLeft和的offsetTop值工作在IE，但會出現在Chrome和Firefox

Question

壞我有一個簡單圖像映射：

<img alt="Image" src="./TestImage.jpg" usemap="#myMap" /> 
<map name="myMap" id="myMap"> 
    <area id="Fox" alt="Fox" shape="rect" coords="344,0,530,170" /> 
    <area id="Grass" alt="Grass" shape="rect" coords="80,160,250,280" /> 
</map> 

使用jQuery附上鼠標懸停事件處理程序：

$(window).load(function() { 
$('div map area').mouseover(function (e) { 
    ... 
} 

我檢查元素的偏移：

var offset = $(this).offset(); 

當我將鼠標懸停在福克斯區，我看到以下內容：

• IE返回正確的值：（344，0）
• 鉻告訴我的偏移（0,0）
• 火狐告訴我，偏移量爲（8，76,8333 ...）

爲什麼Chrome和Firefox返回不正確的值，有什麼我可以做的解決這個問題？

Answer 1

你可以得到一個「COORDS」直接屬性：

var coords = $(this).attr('coords').split(',');