[JS] 우클릭방지
2021. 11. 17. 14:16ㆍJavascript/이벤트
<!DOCTYPE html>
<html lang="ko">
<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>우클릭방지</title>
</head>
<style>
img {width:20%;}
</style>
<body>
<img src="./img/jin.jpg" alt="jin">
<img src="./img/jin.jpg" alt="jin">
<img src="./img/jin.jpg" alt="jin">
<script>
document.addEventListener('DOMContentLoaded', () => {
const imgs = document.querySelectorAll('img')
imgs.forEach((img) => {
img.addEventListener('contextmenu', event => {
event.preventDefault()
})
})
})
</script>
</body>
</html><!DOCTYPE html>
<html lang="ko">
<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>우클릭방지</title>
</head>
<style>
img {width:20%;}
</style>
<body>
<img src="./img/jin.jpg" alt="jin">
<img src="./img/jin.jpg" alt="jin">
<img src="./img/jin.jpg" alt="jin">
<script>
document.addEventListener('contextmenu', event => {
event.target.matches('img') && event.preventDefault()
})
</script>
</body>
</html>'Javascript > 이벤트' 카테고리의 다른 글
| [JS] 이벤트 연결 (증가/감소) (0) | 2022.02.05 |
|---|---|
| [JS] 이벤트 연결 해제 (0) | 2022.02.04 |
| [JS] reset 버튼 (0) | 2022.01.20 |
| [JS] 체크일때만 링크 활성화 (0) | 2021.11.17 |