推薦一款右鍵菜單

tyheist 發布于2019-08-29 12:49 / 1163人閱讀

摘要：先上圖連接安裝運行使用接口一覽顯示菜單隱藏菜單綁定事件提供了事件解除綁定提供了事件

先上圖

github連接

安裝

yarn install / npm install

運行

npm run dev

使用

.icon-table{
  background: url("build/styles/images/table.png") no-repeat center;
}
// or
.icon-table:before{
  content: "";
  ...
}

// listener event
ContextMenu.on("itemclick", function (type, e, cmd) {
  console.log(arguments)
})
// bind comtextmenu event
document.querySelector(".somedom")
  .addEventListener("contextmenu", 
    function (e) {
      ContextMenu.show([
        { text : "item-0", command: "cmd-0", cls: "icon-table" },
        "-",
        { 
          text: "item-1", items: [
            { text: "item-1-0", command: "cmd-1-0", disabled: true },
            { text: "item-1-1", command: "cmd-1-1" }
          ]
        }
      ], e)
  })

接口一覽

/*
 * 顯示菜單
*/

ContextMenu.show(items: Array, e: Event): void


/*
 * 隱藏菜單
*/

ContextMenu.hide(): void


/*
 * 綁定事件
 * 提供了 itemclick 事件
*/

ContextMenu.on(event: String, hanler: Function): void


/*
 * 解除綁定
 * 提供了 itemclick 事件
*/

ContextMenu.off(event: String, hanler?: Function): void

GPU云服務器云服務器右鍵菜單右鍵菜單類 jquery右鍵菜單 js右鍵菜單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112166.html

推薦一款右鍵菜單

摘要：先上圖連接安裝運行使用接口一覽顯示菜單隱藏菜單綁定事件提供了事件解除綁定提供了事件先上圖 showImg(https://segmentfault.com/img/bVPznC?w=557&h=402); github連接安裝 yarn install / npm install 運行 npm run dev 使用 .icon-table{ background: url(...

Jochen 2019-08-21 15:55 評論0 收藏0
推薦一款右鍵菜單

摘要：先上圖連接安裝運行使用接口一覽顯示菜單隱藏菜單綁定事件提供了事件解除綁定提供了事件先上圖 showImg(https://segmentfault.com/img/bVPznC?w=557&h=402); github連接安裝 yarn install / npm install 運行 npm run dev 使用 .icon-table{ background: url(...

denson 2019-08-01 16:59 評論0 收藏0
MobaXterm：遠程終端登錄軟件封神選手

摘要：復制粘貼斷線重連等常見行為很容易找到，不需要教程或口口相傳的暗示。參考十項全能的遠程終端登錄軟件開源硬件佳軟介紹提到SSH、Telnet等遠程終端登錄，我相信很多人想到的都是PuTTY PuTTY通常用于Windows，但實際上可以多平臺運行，因此不表達為Windows下的遠程終端登錄 PuTTY足夠成熟、小巧、專注核心任務，并且對編碼等常見坑的處理并不缺乏，這其實都是優點。但PuT...

plokmju88 2019-08-19 10:22 評論0 收藏0
超好用的谷歌瀏覽器、Sublime Text、Phpstorm、油猴插件合集

摘要：分享一些超好用插件，打造一個不一樣的瀏覽器編輯器。一谷歌瀏覽器插件谷歌訪問助手強烈推薦一鍵安裝，無需其他配置，即可訪問谷歌。谷歌瀏覽器是很耗內存的，該插件會自動掛起長時間未使用的網頁，來釋放系統資源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件，打造一個不一樣的 GitHub、瀏覽器、...

Rango 2019-08-22 15:45 評論0 收藏0