Skip to content

Commit fb59836

Browse files
committed
docs: 2-focus-blur/4-edit-td-click 충돌 해결
1 parent db264f4 commit fb59836

1 file changed

Lines changed: 1 addition & 8 deletions

File tree

  • 2-ui/4-forms-controls/2-focus-blur/4-edit-td-click

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/task.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,10 @@ importance: 5
66

77
셀을 클릭하면 해당 셀을 수정할 수 있게 해주는 테이블을 만들어보세요.
88

9-
<<<<<<< HEAD
10-
- 셀 클릭 시 셀 안에 textarea가 나타나면서 셀에 들어 있는 콘텐츠(HTML)를 '수정'할 수 있어야 합니다. 이때 textarea 크기는 기존 cell 크기와 같아야 합니다.
9+
- 셀 클릭 시 셀 안에 textarea가 나타나면서 셀에 들어 있는 콘텐츠(HTML)를 '수정'할 수 있어야 합니다. 이때 textarea 크기는 기존 cell 크기와 같아야 하며, 전체 배치가 그대로 유지되어야 합니다.
1110
- 셀 수정 시 셀 아래쪽에 '완료'와 '취소' 버튼이 노출되도록 하고, 각 버튼을 누르면 수정이 종료, 취소될 수 있게 합니다.
1211
- 한 번에 하나의 셀만 수정할 수 있어야 합니다. `<td>`가 '수정 중'일 때는 다른 셀을 눌러도 클릭 이벤트가 무시되어야 합니다.
1312
- 테이블엔 더 많은 셀이 추가될 수 있으므로 이벤트 위임을 사용하세요.
14-
=======
15-
- On click -- the cell should become "editable" (textarea appears inside), we can change HTML. There should be no resize, all geometry should remain the same.
16-
- Buttons OK and CANCEL appear below the cell to finish/cancel the editing.
17-
- Only one cell may be editable at a moment. While a `<td>` is in "edit mode", clicks on other cells are ignored.
18-
- The table may have many cells. Use event delegation.
19-
>>>>>>> upstream/master
2013

2114
데모:
2215

0 commit comments

Comments
 (0)