JQuery的oncontextmenu事件可以在鼠標(biāo)右擊時(shí)觸發(fā)，通常用于在頁面中添加自定義右鍵菜單或者禁用默認(rèn)的右鍵菜單。

$(document).on("contextmenu",function(){
// 禁用默認(rèn)右鍵菜單
return false;
});

上面的代碼可以在document上綁定oncontextmenu事件，在右鍵點(diǎn)擊時(shí)會(huì)阻止默認(rèn)的右鍵菜單彈出。如果需要添加自定義右鍵菜單，則可以在事件處理函數(shù)中創(chuàng)建并顯示自己的菜單。

$(document).on("contextmenu", function(event) {
// 阻止默認(rèn)右鍵菜單
event.preventDefault();
// 創(chuàng)建自定義菜單
var menu = $("
").addClass("menu").appendTo("body");
$("
").addClass("menu-item").text("菜單項(xiàng)1").appendTo(menu);
$("
").addClass("menu-item").text("菜單項(xiàng)2").appendTo(menu);
$("
").addClass("menu-item").text("菜單項(xiàng)3").appendTo(menu);
// 設(shè)置菜單位置
menu.css({left:event.pageX, top:event.pageY});
// 點(diǎn)擊菜單項(xiàng)時(shí)隱藏菜單
menu.on("click", ".menu-item", function() {
menu.hide();
});
});

上面的代碼示例在頁面上創(chuàng)建了一個(gè)簡(jiǎn)單的自定義右鍵菜單，包括三個(gè)菜單項(xiàng)。當(dāng)用戶右擊頁面時(shí)，會(huì)顯示出該菜單，并根據(jù)鼠標(biāo)的位置進(jìn)行定位。當(dāng)用戶點(diǎn)擊任意一個(gè)菜單項(xiàng)時(shí)，菜單會(huì)隱藏。