본문 바로가기

WEB10

<tr> 태그에 등록한 onclick 이벤트, 특정 <td> 태그 제외하기 태그의 속성 중 onclick은 해당 태그를 클릭했을 때 이벤트를 발생시키는데 태그의 경우 태그들을 포함하므로 태그 내에 어느 위치의 를 클릭해도 이벤트가 발생합니다. (하위 요소에서 상위요소로 이벤트 전파 버블링) 하지만 프로젝트를 진행하다 보면 특정 는 상위요소의 이벤트가 발생하지 않도록 하고 싶을 때가 있습니다. 예) 안에 버튼으로 다른 이벤트를 발생시키고 싶은 경우 아래는 그럴 때 간단한 속성 추가로 해결하는 방법입니다. See the Pen yLaEoWR by kjg20260 (@kjg20260) on CodePen. 간단하게 특정 onclick 속성에 event.cancelBubble=true를 넣어주면 된다. MDN Web Docs에 따르면 Event.cancelBubble 속성은 Event.. 2021. 1. 7.
[javascript 연습]Snail Array 만들기 snail 배열 : 달팽이 모양으로 채워지는 2차원 배열 풀이 : 2차원 배열을 순차적으로 채울 때 상,하,좌,우로 한칸 씩만 움직이므로 x or y값이 1씩 변경된다. (0,0) -> (0,1) -> (0,2) -> (0,3) -> (1,3)... -> (2,2) ->(2,1) 방향 별 값 변동 상 : x +1 하 : x -1 좌 : y -1 우 : y +1 x와 y, 그리고 변화량의 방향을 정해줄 direction(+,-) 정도가 있으면 구현 가능해 보임 x,y가 움직일 범위를 start~end로 정하고 현재 위치를 cur로 정해 아래와 같이 만듬 x={start = 0 , end = row(입력받은 행 값), cur = 0(현재 위치 x값) } y={start = 0 , end = col(입력받은 .. 2020. 12. 29.