마우스를 클릭 할 때 링크 열기

저는 너무 많이 알지 못하기 때문에 Javascript에 매우 익숙합니다. 나는 사용자가이 도형을 클릭하고 링크를 열기를 원한다. 여기 내 코드는 다음과 같습니다.마우스를 클릭 할 때 링크 열기

이것이 제대로 된 것인지 잘 모르겠지만 대답을 찾을 수 없습니다.

편집 : http://www.html5canvastutorials.com/labs/html5-canvas-interactive-building-map/

2014-01-29 user2397282

''무엇입니까'응용 프로그램',''무엇이'''''''''''''''''''' – adeneo

이 Kinetic.js입니까? –

잘못 될 수 있지만 이벤트 처리기에 *** jQuery *** 매개 변수가 이벤트 개체라고 생각합니다. (즉,'OpenLink'는 이벤트 객체이고'evt'는 정의되지 않습니다). [docs] (http://api.jquery.com/on/) ... – War10ck

이렇게하면 효과가 있다고 생각하십시오. '스테이지'는 객체 태그를 참조한다고 가정합니다. '스테이지'가 클래스 또는 ID 인 경우 그에 따라 업데이트해야합니다.

클릭 된 개체에 url을 특성 또는 데이터로 저장하고 클릭하면 가져올 수 있습니다.

<thing data-myUrl="www.website.com"></thing>

..과 :

window.location.href = $(ev.target).data('myUrl')

편집 :

당신이 제공된 링크에서 기능을 사용하여, 당신의 기능은 다음과 같아야합니다

stage.on('mousedown', function(evt) { 
    var shape = evt.targetNode; 
    if (shape) { 
    window.location.href = 'http://www.google.com'; 
    } 
});

.. 그래서이 의지 사용자가 '모양'값으로 아무것도 가지고 있지 않은 항목을 클릭 할 때마다 브라우저를 귀하의 URL로 보내십시오. (shape === 'circle') 또는 클릭 한 내용에 대해보다 구체적으로 설명하고 싶다면 무엇이든 사용할 수 있습니다. ('원'은 추측이므로 실제 모양 값은 다를 수 있습니다.)

출처

2014-01-29 21:41:17 relic

이것이 작동하지 않는 것 같습니다. 내 게시물의 수정 된 링크를 확인하십시오. 내 코드는 기본적으로 그 코드와 같습니다. – user2397282

"기본적으로"동일한, "아닙니다"동일한 것을 의미합니다. 내 솔루션에서는 jQuery 문제가 태그 된 이후로 jQuery 라이브러리가 포함되어 있다고 가정합니다. "작동하지 않는 것 같습니다"라고 말하면 콘솔을보고 어떤 오류가 발생했는지 확인하고 있습니까? – relic

사용 window.location = "[My link goes here]"; 다른 URL로 이동합니다 : 이것은이에 추가 한 코드입니다.

출처

2014-01-29 21:28:14 Randy

이것은 완전히 질문에 대한 답이 아닙니다. – Joeytje50

@RickS 그들은 URL을 할당 할 때 동일한 행동을합니다. [차이점 window.location 및 location.href] (@stackoverflow.com/questions/9903659/difference-between-window-location-and-location-href) – Givi

@RickS 차이가 없습니다. – War10ck

질문에 jQuery 태그가 포함되어 있다고 가정하고 jQuery를 설치했다고 가정합니다. 그렇지 않은 경우, 참조 http://jquery.com

당신은 jQuery를 클릭 이벤트 처리기를 통해이 작업을 수행 할 수 있습니다 이것이 당신이 찾고 있던 무엇을하지 않으면 당신이 그것을 원하는 작업

$('.stage').mousedown(function(e) { 
    var shape = e.target; 
    window.location.href = 'http://example.com'; 
});

는 설명이 답변에 회신 해 주시기 바랍니다 .

See demo.

추신 :이 스크립트에서는 click 이벤트를 발생시킨 요소에 아무런 변화도주지 않지만 변수 shape에 저장합니다. 이벤트를 트리거 한 요소를 가져 오는 방법을 보여주기 위해 순전히 이것을 포함했지만이 스크립트에서는 해당 줄을 생략 할 수 있습니다.

출처

2014-01-29 21:33:06 Joeytje50

마우스를 클릭 할 때 링크 열기

답변

관련 문제