MyContextMenu

原生js右键弹出菜单

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greasyfork.org/scripts/464425/1178359/MyContextMenu.js을(를) 사용하여 포함하는 라이브러리입니다.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
wish king
버전
0.0.1.20230419170059
생성일
2023-04-19
갱신일
2023-04-19
크기
10.7KB
라이선스
해당 없음

原生js右键弹出菜单
修改自:https://github.com/electerious/basicContext/

在线预览:
https://jsrun.net/k5dKp/embedded/all/light

截图:


使用示例:

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);
});