반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 |
Tags
- ArrayList
- Array
- js
- 이클립스
- 문자열
- Visual Studio Code
- vscode
- 이탈리아
- list
- Button
- json
- 인텔리제이
- html
- table
- CMD
- IntelliJ
- input
- string
- javascript
- 배열
- Java
- date
- Files
- 테이블
- windows
- Eclipse
- CSS
- Maven
- 자바
- 자바스크립트
Archives
- Today
- Total
목록2022/02/26 (2)
어제 오늘 내일
[Javascript/HTML] div에 클릭 이벤트(onclick) 넣는 2가지 방법
는 원래 사용자가 클릭할 수 없는 객체입니다. 사용자가 div를 클릭하게 하려면, div에 onclick 이벤트를 걸어주어야 합니다. 여기서는 div에 onclick 이벤트를 거는 2가지 방법을 정리해 보았습니다. 1. HTML, Javascript 사용하기 html과 Javascript를 이용하여 div에 onclick 이벤트를 추가하는 방법입니다. .my-div { width : 150px; height : 150px; background-color : blue; } function hello() { alert('안녕하세요'); } [JS] div 클릭시 실행될 hello() 함수를 정의하였습니다. div가 클릭되면, '안녕하세요' 메세지를 출력하는 alert 창을 띄웁니다. [HTML] onclic..
IT/Javascript
2022. 2. 26. 21:10
[HTML/CSS] div에 마우스 오버시 손가락 아이콘 나타내기
에 마우스를 가져갔을 때, 클릭 할 수 있음을 나타내는 손가락 아이콘을 보여주는 방법입니다. cursor : pointer .my-div { width : 200px; height : 200px; background-color : blue; cursor : pointer; } cursor: pointer; div의 css에 cursor 속성값을 poinster로 지정하였습니다. div 안으로 마우스 포인터를 가져가면, 마우스 포인터가 손가락 모양으로 변경되는 것을 확인 할 수 있습니다.
IT/HTML&CSS
2022. 2. 26. 20:16