Javascript 将搜索引擎上下文菜单项添加到文本区域

是否可以在文本区域的右键单击上下文菜单中添加“搜索谷歌”功能？我想有这样的功能，当你在文本区域中选择一些文本时，如果你右键点击它，你会有一个上下文条目，允许你在谷歌中搜索特定的文本。这很像在浏览器中右键单击页面但将焦点放在文本区域时的上下文菜单项

我看到有一个.contextmenu事件，当右键单击我的文本区域时，我能够得到一个弹出的警报，但我更愿意寻找默认文本区域菜单中的一个附加条目，类似于“搜索谷歌”事件是

http://www.google.com/search?q=STSTST

其中“stst”是文本区域中的选定文本，如果您单击该上下文菜单项，谷歌将搜索选定文本

这是一个演示

注意：您不应该在这里问这种类型的问题，您应该已经有了解决方案，但是buggy！我发现它很有趣，所以我做了一个演示！：）

下面是演示的核心逻辑

$("#txtAboutMe").bind("contextmenu", function(event) {

  // Avoid the real one
  event.preventDefault();
  //alert(getSelectionText());
  selectedText = getSelectionText();
  $("[data-action='first']").text('Search Bing for "'+selectedText+'"');
  $("[data-action='second']").text('Search Google for "'+selectedText+'"');
  $("[data-action='third']").text('Search Yahoo for "'+selectedText+'"');
  // Show contextmenu
  $(".custom-menu").finish().toggle(100).

  // In the right position (the mouse)
  css({
    top: event.pageY + "px",
    left: event.pageX + "px"
  });
});

这是一个演示

注意：您不应该在这里问这种类型的问题，您应该已经有了解决方案，但是buggy！我发现它很有趣，所以我做了一个演示！：）

下面是演示的核心逻辑

$("#txtAboutMe").bind("contextmenu", function(event) {

  // Avoid the real one
  event.preventDefault();
  //alert(getSelectionText());
  selectedText = getSelectionText();
  $("[data-action='first']").text('Search Bing for "'+selectedText+'"');
  $("[data-action='second']").text('Search Google for "'+selectedText+'"');
  $("[data-action='third']").text('Search Yahoo for "'+selectedText+'"');
  // Show contextmenu
  $(".custom-menu").finish().toggle(100).

  // In the right position (the mouse)
  css({
    top: event.pageY + "px",
    left: event.pageX + "px"
  });
});

---

我认为默认情况下，所有浏览器中都存在这种情况@评论框是一个文本区域@VAnton，至少Chrome在文本区域是这样做的，但是Edge有它自己的右键点击功能。您可能会尝试替换默认行为，但是您需要创建自己的右键单击，并将所选文本插入到Google的搜索查询中。@IE和Edge不会这样做。我认为默认情况下所有浏览器中都存在这种情况@评论框是一个文本区域@VAnton，至少Chrome在文本区域是这样做的，但是Edge有它自己的右键点击功能。您可能会尝试替换默认行为，但是您需要创建自己的右键单击，并将所选文本插入到Google的搜索查询中。@Mina Jacob IE和Edge不会这样做。这实际上非常有用，Mina。谢谢我想我会好好利用的。谢谢你的时间，这真是帮了大忙，米娜。谢谢我想我会好好利用的。谢谢你抽出时间。