Thuộc tính sự kiện oncontextmenu HTML được kích hoạt khi người dùng nhấp chuột phải vào phần tử HTML để mở menu ngữ cảnh trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
<tagname oncontextmenu=”script”></tagname>
Ví dụ
Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện oncontextmenu 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>HTML oncontextmenu Event Attribute Demo</h1>
<p oncontextmenu="get()" class="box"></p>
<p>Now try to right click on above red box to open context menu.</p>
<script>
function get() {
document.body.style.background = "#084C61";
document.body.style.color = '#fff';
}
</script>
</body>
</html> Đầu ra
Bây giờ, hãy thử nhấp chuột phải vào hộp màu đỏ để quan sát cách hoạt động của thuộc tính sự kiện oncontextmenu.
