반응형
[HTML & CSS] div 태그에 onclick 기능 주는 방법 !! (클릭이벤트)
아래 코드 참조해서 사용하시면 됩니다 :)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
background-color:#384E80;
}
.div1:hover {
background-color:#0a5021;
}
</style>
<body>
<div class='div1' onclick='divBtn();'></div>
</body>
</html>
<script>
function divBtn() {
alert('클릭 이벤트 입니다 !!');
}
</script>결과값
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] pdf 파일 웹에서 보여 주는 초간단 방법 !! (iframe 태그 사용) (0) | 2023.03.18 |
|---|---|
| [HTML & CSS] input 텍스트 상자에 자동완성 기능 없애는 방법 !! (0) | 2023.01.19 |
| [HTML & CSS] div 태그 hover 효과 주기 !! (0) | 2023.01.15 |
| [HTML & CSS] <a> 태그 안에 value값 설정하는 초 간단 방법 !! (0) | 2023.01.13 |
| [HTML & CSS] 모바일에서 a 태그 클릭 시 전화 걸리게 설정, 전화연결 (0) | 2022.12.17 |
댓글