어떤 div를 클릭했는지 어떻게 알 수 있습니까?

-2

저는 HTML5, CSS 및 JavaScript를 사용하여 tic-tac-toe 게임을 만들고 있습니다. 나는 우승 한 패턴을 알았고 그 패턴을 작동시키는 방법을 알았습니다. 인공 지능은 관련이 없습니다. 플레이어 - 대 컴퓨터 - 동일 컴퓨터 게임을위한 것입니다. 어떤 div를 클릭했는지 어떻게 알 수 있습니까?

enter image description here

내가하고 싶은 모든

은 다음과 같습니다 사업부는

가 가능한 경우 사업부는

을 클릭 내게 알려주십시오 알고 클릭하면

알고. 그렇다면, 어떻게. 단계를 높이 평가, 전체 코드를 게시하지 마십시오 :)

출처

2013-04-24 Little Child

@techfoobar 예, 나는 그것을 좋아하지 :) –

https://developer.mozilla.org/en-US/docs/Talk:DOM/element.addEventListener – PeeHaa

당신이 jQuery를 사용하여 솔루션을 받아들이시겠습니까? – Jonast92

Bind an event listener을 클릭 한 div의 id를 잡을 수있는 마우스 클릭에 대한 리스너를 등록한 다음 이벤트 객체의 target property을 검사하여 클릭 한 요소를 확인합니다.

<div>을 대화 형으로 설계되었으므로 <button>으로 바꾸는 것이 중요합니다 (자동으로 포커스 순서대로 표시되는 등의 이점이 있습니다). 당신이 jQuery를 사용하는 경우

출처

2013-04-24 18:47:51 Quentin

좋습니다. 제안이 수락되었습니다. 'document.querySelectorAll ("button")'의 결과로 많은'button'이 리턴 될 것입니다. 모든 버튼에는 같은 청취자가 있을까요? –

@LittleChild - 아니요. 컨테이너에 리스너 하나를 지정하십시오. – Quentin

모든 단추가 동일한 수신기를 갖도록 만들 수 있지만 각 단추가 고유 한 ID를 갖도록하여 어느 단추를 클릭했는지 알 수 있습니다. – Jonast92

-3

가능한 경우, 당신은 이것을 위해 javascript (JQuery)를 사용해야합니다.

출처

2013-04-24 18:46:30 Martinsos

1. jQuery를 사용하면 쉽게 만들 수 있지만 필요하지는 않습니다. 2. 가능한 것은 대답이 아닙니다. – techfoobar

this, 그것은 매우 간단 할 수있다 :

$("div.box").on("click", function() { $(this).addClass("clicked"); });

위 클래스 "상자"어떤 DIV를 확인하고, 클래스

그것은에 "클릭"추가합니다

이것이 왜 downvoted인지 확실하지 않습니다. 여기에 작동하는 모습을 보여주는 예제가 있습니다. 필자가 생각한 샘플도 있습니다.

http://jsfiddle.net/LCKr6/1/

출처

2013-04-24 18:48:08 smerny

OP는 jquery를 사용하려는 욕구가 해결책으로 제시되지 않았습니다. – Xotic750

@ Xotic750, 대답은'this'를 사용하여, jquery는'this'가 사용 된 예제에서 사용되었습니다. – smerny

바닐라 자바 스크립트를 반영하도록 답변을 변경할 수 있습니다. – Xotic750

어떤 div를 클릭했는지 어떻게 알 수 있습니까?

답변

관련 문제