📖
HTML DOM Events | oncontextmenu 이벤트
페이지 정보
본문
마우스 오른쪽 상황에 맞는 메뉴가 표시되지 않도록 방지[code]div.addEventListener("contextmenu", (e) => {e.preventDefault()});[/code]
[code]<!DOCTYPE html>
<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The contextmenu Event</h2>
<div style="border:1px solid black;text-align:center">
<p>Right-click in this box!</p>
<p>Context menu will show.</p>
</div>
<br>
<div id="myDiv" style="border:1px solid black;text-align:center">
<p>Right-click in this box!</p>
<p>Context menu is disabled.</p>
</div>
<script>
const div = document.getElementById("myDiv");
div.addEventListener("contextmenu", (e) => {e.preventDefault()});
</script>
</body>
</html>[/code]
[code]<!DOCTYPE html>
<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The contextmenu Event</h2>
<div style="border:1px solid black;text-align:center">
<p>Right-click in this box!</p>
<p>Context menu will show.</p>
</div>
<br>
<div id="myDiv" style="border:1px solid black;text-align:center">
<p>Right-click in this box!</p>
<p>Context menu is disabled.</p>
</div>
<script>
const div = document.getElementById("myDiv");
div.addEventListener("contextmenu", (e) => {e.preventDefault()});
</script>
</body>
</html>[/code]
댓글목록
등록된 댓글이 없습니다.
  |