IE8 +

Question

에서 자바 스크립트가있는 이미지 맵 영역 요소에 대한 참조 가져 오기 자바 스크립트가있는 참조를 이미지 맵의 영역 요소에 가져 오려고하지만 IE8에서 + 작동하지 않습니다.

내 HTML :

<div class="container"> 
    <img src="image.png" usemap="#hotspots"> 
    <map name="#hotspots"> 
     <area id="seg-1" href="" shape="poly" coords="167,286,113,379,320,379,266,286,167,286"/> 
     <area... /> 
     <area... /> 
     <area... /> 
     ... 
    </map> 
</div> 

내 자바 스크립트 :

document.getElementById("seg-1"); 

나는 다음과 같은 전통적인 이벤트 핸들러를 할당합니다

:

document.getElementById("seg-1").onmouseup = function() {alert("onmouseup called");}; 

이 작동 451,515,

• 사파리 6 (OS 용 X)
• 크롬 26 (OS 용 X)
• 파이어 폭스 (21) (OS 용 X)
• 크롬 27 (XP)
• 크롬 27 (W7)
• 크롬 (W8).

그러나 NOT IN :

• IE8 (XP)
• IE9 (W7)
• IE10 (W8)
• 파이어 폭스 17 (XP)
• 파이어 폭스 21 (W7)
• 파이어 폭스 21 (W8).

  console.log(document.getElementById("seg-1")); 
  

  내가 일을 위의 브라우저 요소를 얻을,하지만 작동하지 않습니다 위의 브라우저에서 페이지의 URL을 얻을 :

나는 실행합니다.

어떻게하면이 아이디어를 만들 수 있습니까?

추신 : 여기에 jsFiddle이있다 : A는 console.log()을 찾고, document.getElementById("seg-1")는 HTML 요소를 의미 불쾌한

Answer 1

http://jsfiddle.net/Stimpski/Y5jeJ/의에도 불구하고, URL을 보여주는 단지 area의 toString() 방법입니다.

일부 브라우저에서이 기능이 작동하지 않는 이유는 map의 이름입니다. 은 name 속성에 map으로 사용하면 안됩니다. #은 img의 usemap 속성에서만 필요합니다.