91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

oncontextmenu如何設置菜單項

小樊
86
2024-07-02 04:00:41
欄目: 編程語言

要設置oncontextmenu中的菜單項,可以通過以下步驟進行:

  1. 創建一個菜單項列表,其中包含您想要顯示在右鍵菜單中的所有選項。
  2. 在oncontextmenu事件處理程序中,阻止默認的上下文菜單彈出,并在指定位置顯示您自定義的菜單項。
  3. 當用戶點擊菜單項時,執行相應的操作。

下面是一個簡單的示例代碼:

<!DOCTYPE html>
<html>
<body>

<div oncontextmenu="showContextMenu(event)">
    Right click here to see the context menu
</div>

<div id="contextMenu" style="display: none; position: absolute; background: #f9f9f9; border: 1px solid #ccc; padding: 5px;">
    <div onclick="alert('Option 1 clicked')">Option 1</div>
    <div onclick="alert('Option 2 clicked')">Option 2</div>
    <div onclick="alert('Option 3 clicked')">Option 3</div>
</div>

<script>
function showContextMenu(event) {
    event.preventDefault();
    
    var contextMenu = document.getElementById('contextMenu');
    contextMenu.style.display = 'block';
    contextMenu.style.left = event.clientX + 'px';
    contextMenu.style.top = event.clientY + 'px';
    
    document.addEventListener('click', function hideContextMenu() {
        contextMenu.style.display = 'none';
        document.removeEventListener('click', hideContextMenu);
    });
}
</script>

</body>
</html>

在上面的示例中,當用戶右鍵點擊div元素時,會顯示一個自定義的上下文菜單,其中包含三個選項。當用戶點擊任何一個選項時,會彈出一個警告框顯示響應的選項被點擊。

0
偏关县| 澄城县| 柳江县| 常州市| 廉江市| 徐水县| 乌鲁木齐市| 永春县| 铅山县| 玉树县| 沾化县| 台北市| 安陆市| 开远市| 禄劝| 太仓市| 丰顺县| 镇康县| 昌图县| 随州市| 滕州市| 舞阳县| 宁津县| 遂溪县| 安福县| 徐州市| 育儿| 无极县| 平利县| 安多县| 日土县| 云南省| 惠东县| 神池县| 横峰县| 都安| 阆中市| 九江市| 中阳县| 保靖县| 盘山县|