Thuộc tính sự kiện oncontextmenu trong HTML

Thuộc tính sự kiện oncontextmenu trong HTML được kích hoạt khi người dùng nhấp chuột phải (right-click) vào một phần tử HTML để mở menu ngữ cảnh (context menu) trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<tagname oncontextmenu="script"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện oncontextmenu trong HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
      padding: 20px;
    }
    .box {
      background: #db133a;
      width: 140px;
      height: 140px;
      margin: 1rem auto;
      color: #fff;
    }
  </style>
</head>
<body>
<h1>Demo thuộc tính sự kiện oncontextmenu trong HTML</h1>
<p oncontextmenu="get()" class="box"></p>
<p>Bây giờ hãy thử nhấp chuột phải vào hộp đỏ ở trên để mở menu ngữ cảnh.</p>
<script>
  function get() {
    document.body.style.background = "#084C61";
    document.body.style.color = '#fff';
  }
</script>
</body>
</html>

Kết quả

Bây giờ hãy thử nhấp chuột phải vào hộp đỏ để quan sát cách thuộc tính sự kiện oncontextmenu hoạt động.