検索エンジンのコンテキストメニュー項目をテキストエリアに追加

Question

テキストエリアの右クリックコンテキストメニューに「Google検索」機能を追加することはできますか？テキストエリア内のテキストを選択するときに右クリックすると、Googleの特定のテキストを検索するためのコンテキストエントリが表示されるという機能を備えたいと考えています。これは、ブラウザでページを右クリックしてもテキストエリアにフォーカスしたときに表示されるコンテキストメニューのエントリによく似ています。

.contextmenuイベントhttps://api.jquery.com/contextmenu/があり、テキストエリアで右クリックするとポップアップが表示されることがありますが、デフォルトのテキストエリアメニューの追加項目を探しています"Search Google"の行に沿って、イベントはhttp://www.google.com/search?q=STSTSTです。ここで、 'STSTST'はテキストエリア内で選択されたテキストで、コンテキストメニューの項目をクリックすると、選択したテキストが検索されます。あなたは既に解決策が、バギーを持っている必要があり、ここでの質問のこのタイプを問うべきではありません。ここに

Answer 1

はデモ http://codepen.io/mozzi/pen/EgZvjg

ノートです！私はデモを作ったので面白かった！それはすべてのブラウザでデフォルトで存在するが、ここで:)

iはデモ

$("#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" 
    }); 
});