要將oncontextmenu事件應用于表格,可以使用以下步驟:
<table oncontextmenu="showContextMenu(event)">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
function showContextMenu(event) {
event.preventDefault(); // 阻止默認的右鍵菜單
// 在這里添加自定義的右鍵菜單邏輯
}
function showContextMenu(event) {
event.preventDefault(); // 阻止默認的右鍵菜單
// 創建一個自定義的菜單
var menu = document.createElement('div');
menu.style.position = 'absolute';
menu.style.left = event.clientX + 'px';
menu.style.top = event.clientY + 'px';
menu.innerHTML = 'Custom Context Menu';
document.body.appendChild(menu);
}
通過以上步驟,您可以在表格中應用oncontextmenu事件,并在右鍵單擊表格時顯示自定義的右鍵菜單。您可以根據需要在showContextMenu函數中添加更多的邏輯來處理右鍵菜單的功能。