javascript – 如何限制上下文菜单仅针对Chrome扩展程序中的某些选定文字显示?

前端之家收集整理的这篇文章主要介绍了javascript – 如何限制上下文菜单仅针对Chrome扩展程序中的某些选定文字显示?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了一个非常简单的 chrome extension,它允许用户突出显示DOI编号,右键单击并选择“Resolve DOI”,然后将它们发送到相关的网页.现在,这是在background.html中完成的:
chrome.contextMenus.create({
"title" : "Resolve DOI","type" : "normal","contexts" : ["selection"],"onclick" : getClickHandler()
});

我想限制上下文菜单选项仅在他们突出显示的文本以“10”开头时才会出现.有关如何做到这一点的任何建议?我是否需要等待Context Menus模块变得更高级?

解决方法

@H_502_9@ 您需要从内容脚本控制内容菜单创建.动态菜单创建/删除应该非常快速地执行,并且延迟对于用户来说是不明显的.

>在内容脚本中添加mousedown事件侦听器,并检查选择是否满足您的模式.
>根据选择是否与patterrn匹配,向请求创建或删除菜单后台页面发送请求.

沿着这些方向的东西(未经测试):

content_script.js:

document.addEventListener("mousedown",function(event){
    var selection = window.getSelection().toString();
    if(selection.match(/^10\./)) {
        chrome.extension.sendRequest({cmd: "create_menu"});
    } else {
        chrome.extension.sendRequest({cmd: "delete_menu"});
    }
},true);

background.html:

chrome.extension.onRequest.addListener(function(request) {
    if(request.cmd == "create_menu") {
        chrome.contextMenus.removeAll(function() {
            chrome.contextMenus.create({
                "title" : "Resolve DOI","onclick" : getClickHandler()
            });
        });
    } else if(request.cmd == "delete_menu") {
        chrome.contextMenus.removeAll();
    }
});

猜你在找的JavaScript相关文章