2016-09-26 3 views
3

나는 이와 같은 요소가 있습니다.SVG - 클릭이 함수가 아닙니다.

<g id="box_w" onclick="recordResponseKeyboard('W');" onmousedown="svgFill('W');" onmouseup="svgUnfill('W');"> 
    <rect fill="#FFFFFF" height="68.522" stroke="#FFFFFF" stroke-miterlimit="10" width="119.297" x="306.673" y="384.406"></rect> 
</g> 

크롬 콘솔에서 요소를 찾을 수 있습니다.

document.getElementById('box_w') 

내가 이벤트를 클릭 호출하는 경우

,

document.getElementById('box_w').click() 

그것은 클릭이 기능 아니라고 오류가 발생합니다.

콘솔을 사용하여 요소를 클릭하는 방법.

+0

클릭() # – maioman

+0

그냥 함수를 직접 호출하지 않는 이유는 무엇입니까? –

+0

click()은 [HTML 메소드] (https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click)이므로 SVG 요소에는 사용할 수 없습니다. –

답변

1

시도를 사용해야합니다.

document.querySelector("g#box_w").onclick(); 
+0

끝내 주셔서 고마워요. – KitKarson

1

click()은 jQuery 메서드입니다. 당신은 onclick 대신 click 사용 $(...).click()

$.click documentation

+0

클릭 또한 순수 js에 있으며 jquery없이 사용할 수 있습니다. –

+0

하지만 svg 내부의 요소에는 작동하지 않습니다. –

관련 문제