Thuộc tính contextmenu (HTML5.1, đã bị loại bỏ khỏi chuẩn HTML Living Standard) từng gán menu tùy chỉnh khi chuột phải. Hầu như không trình duyệt nào hỗ trợ (Chrome, Firefox, Safari, Edge đều bỏ).
Ví dụ (chỉ tham khảo lịch sử)
<!Doctype html>
<html>
<head>
<title>Thẻ menuitem HTML</title>
</head>
<body>
<div style="border:1px solid #000; padding:20px;" contextmenu="clickmenu">
<p>Chuột phải vào đây...</p>
<menu type="context" id="clickmenu">
<menuitem label="Tutorialspoint" onclick=""></menuitem>
<menuitem label="Thư viện hướng dẫn" onclick=""></menuitem>
<menuitem label="Coding Ground" onclick=""></menuitem>
<menuitem label="Hỏi/Đáp" onclick=""></menuitem>
</menu>
</div>
</body>
</html>
Thay thế hiện đại
Dựng custom context menu bằng JavaScript:
<div id="area" style="border:1px solid #ccc; padding:20px;">Chuột phải vào đây</div>
<div id="ctxMenu" style="display:none; position:absolute; border:1px solid #ccc; background:white; box-shadow:0 2px 8px rgba(0,0,0,.15); min-width:150px;">
<div class="menu-item">Tùy chọn 1</div>
<div class="menu-item">Tùy chọn 2</div>
<div class="menu-item">Tùy chọn 3</div>
</div>
<script>
const area = document.getElementById('area');
const menu = document.getElementById('ctxMenu');
area.addEventListener('contextmenu', e => {
e.preventDefault();
menu.style.left = e.pageX + 'px';
menu.style.top = e.pageY + 'px';
menu.style.display = 'block';
});
document.addEventListener('click', () => menu.style.display = 'none');
</script>