原生js右键弹出菜单
Version vom
Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyfork.org/scripts/464425/1178348/MyContextMenu.js
原生js右键弹出菜单
如图：
使用示例：
const clicked = function(e) {
console.log(e.target.innerHTML);
}
document.querySelector('.my-context-menu-btn').addEventListener('contextmenu', function(e){
const items = [
{ title: '新标签打开链接', extAttr: "data-name='new-blank'", fn: clicked },
{ },
{ title: '复制链接地址', extAttr: "data-name='copy-link'", fn: clicked },
{ title: '复制选中的文本', extAttr: "data-name='copy-text'", fn: clicked, disabled: true },
{ title: '复制响应数据', extAttr: "data-name='copy-response'", fn: clicked},
{ },
{ title: '复制为cURL格式', extAttr: "data-name='copy-curl'", fn: clicked},
{ title: '复制为fetch格式', extAttr: "data-name='copy-fetch'", fn: clicked},
{ title: '复制为await格式', extAttr: "data-name='copy-await'", fn: clicked},
{ title: '复制为xhr格式', extAttr: "data-name='copy-xhr'", fn: clicked},
{ title: '复制为分享链接', extAttr: "data-name='copy-share'", fn: clicked},
{ },
{ title: '删除该请求', extAttr: "data-name='del-request'", fn: clicked},
{ title: '删除所有请求', extAttr: "data-name='del-all-request'", fn: clicked }
]
basicContext.show(items, e);
});
