ページ上の選択部分の表示

  ユーザがマウスやキーボードで選択した内容の取得



このページのどの部分でもいいですから、選択して『竹取物語』の下にあるボタンをクリックすると、選択された文字列部分のみを取得してメッセージボックスで表示します。

window.getSelection による取得

window.getSelection() の結果は Selection オブジェクトで、toString メソッドを使用するか、そのまま使う事によって結果の文字列を取得する事ができます。このページでは、jquery.selection プラグインを使用していますが、内部的には、window.getSelection で取得した selection オブジェクトに対して toString メソッドを実行して取り出しています

選択部分の表示

今は昔竹取の翁といふものありけり。野山にまじりて、竹をとりつゝ、萬の事につかひけり。名をば讃岐造麿となんいひける。その竹の中に、本光る竹ひとすぢありけり。怪しがりて寄りて見るに、筒の中ひかりたり。それを見れば、三寸ばかりなる人いと美しうて居たり。翁いふやう、「われ朝ごと夕ごとに見る、竹の中におはするにて知りぬ、子になり給ふべき人なンめり。」とて、手にうち入れて家にもてきぬ。妻の嫗にあづけて養はす。美しきこと限なし。いと幼ければ籠に入れて養ふ。竹取の翁この子を見つけて後に、竹をとるに、節をへだてゝよ毎に、金ある竹を見つくること重りぬ。かくて翁やうやう豐になりゆく。この兒養ふほどに、すくすくと大になりまさる。三月ばかりになる程に、よきほどなる人になりぬれば、髪上などさだして、髪上せさせ裳着(もぎ)す。帳(ちやう)の内よりも出さず、いつきかしづき養ふほどに、この兒のかたち清(けう)らなること世になく、家の内は暗き處なく光滿ちたり。翁心地あしく苦しき時も、この子を見れば苦しき事も止みぬ。腹だたしきことも慰みけり。翁竹をとること久しくなりぬ。勢猛の者になりにけり。この子いと大になりぬれば、名をば三室戸齋部秋田を呼びてつけさす。秋田なよ竹のかぐや姫とつけつ。このほど三日うちあげ遊ぶ。萬の遊をぞしける。男女(をとこをうな)きらはず呼び集へて、いとかしこくあそぶ。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//googledrive.com/host/0B9Jymqpro6gSVlB5Wm52U29wTlE/jquery/jquery.selection.js"></script>
<script>
$(function(){
    $("#action01")
        .attr("type","button")
        .click(function(){
            // 選択された部分をテキストとして取得する jquery.selection のメソッドです
            // https://github.com/madapaja/jquery.selection/wiki/jQuery.selection%28mode%29
            var result = $.selection("text");
            if ( !!result ) {
                alert(result);
            }
            else {
                alert("選択されていません");
            }
        })
        .val("選択テキストを表示");
    
});
</script>
<h3>選択部分の表示</h3>
<div id="div01">今は昔竹取の翁といふものありけり。野山にまじりて、竹をとりつゝ、萬の事につかひけり。名をば讃岐造麿となんいひける。その竹の中に、本光る竹ひとすぢありけり。怪しがりて寄りて見るに、筒の中ひかりたり。それを見れば、三寸ばかりなる人いと美しうて居たり。翁いふやう、「われ朝ごと夕ごとに見る、竹の中におはするにて知りぬ、子になり給ふべき人なンめり。」とて、手にうち入れて家にもてきぬ。妻の嫗にあづけて養はす。美しきこと限なし。いと幼ければ籠に入れて養ふ。竹取の翁この子を見つけて後に、竹をとるに、節をへだてゝよ毎に、金ある竹を見つくること重りぬ。かくて翁やうやう豐になりゆく。この兒養ふほどに、すくすくと大になりまさる。三月ばかりになる程に、よきほどなる人になりぬれば、髪上などさだして、髪上せさせ裳着(もぎ)す。帳(ちやう)の内よりも出さず、いつきかしづき養ふほどに、この兒のかたち清(けう)らなること世になく、家の内は暗き處なく光滿ちたり。翁心地あしく苦しき時も、この子を見れば苦しき事も止みぬ。腹だたしきことも慰みけり。翁竹をとること久しくなりぬ。勢猛の者になりにけり。この子いと大になりぬれば、名をば三室戸齋部秋田を呼びてつけさす。秋田なよ竹のかぐや姫とつけつ。このほど三日うちあげ遊ぶ。萬の遊をぞしける。男女(をとこをうな)きらはず呼び集へて、いとかしこくあそぶ。</div>
<br>
<input id="action01">













  infoboard   管理者用   
このエントリーをはてなブックマークに追加





フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ