右クリックでテキストエリアの選択文字列を取得する。

Javascript jQuery

自分の備忘録として書いておく。

参考ページ

参考ページのやつをコピペして、右クリックで取得するように変更しました。

右クリックで取得するようにしたソース
<html>
  <head>
    <title></title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("jquery", "1.3.2");
    </script>
    
    <script type="text/javascript">
      $( function() {
        var button = $("#copy");
        $(document).mousedown(function () {
          if(document.selection) { // IE
            var range = document.selection.createRange();
            selected_value = range.text;
          } else { // IE 以外
            var org = document.getElementById("org");
            var start = org.selectionStart;
            var end = org.selectionEnd;
            var selected_value = org.value.substring(start, end);
          }

          $("#cp").val(selected_value);
        });
      })
      
      $(document).ready(function(){
          $(document).bind("contextmenu",function(event){
      return false;
      });
});
    </script>
  </head>
  <body>
    <p>コピー元:</p>
    <textarea id="org"></textarea>
    <input type="button" id="copy" value="copy">
    <br />
    <br />
    <p>コピー先:</p>
    <textarea id="cp"></textarea>
  </body>
</html>


Javascript, jQuery勉強中のため、これから何やってるのか調べてみます。