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


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




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

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">













yahoo  google  MSDN  MSDN(us)  WinFAQ  Win Howto  tohoho  ie_DHTML  vector  wdic  辞書  天気 


[jquery]
CCBot/2.0 (https://commoncrawl.org/faq/)
21/01/25 09:44:48
InfoBoard Version 1.00 : Language=Perl

BatchHelper COMprog CommonSpec Cprog CprogBase CprogSAMPLE CprogSTD CprogSTD2 CprogWinsock Cygwin GameScript HTML HTMLcss InstallShield InstallShieldFunc JScript JScriptSAMPLE Jsfuncs LLINK OldProg OracleGold OracleSilver PRO PRObrowser PROc PROconePOINT PROcontrol PROftpclient PROjscript PROmailer PROperl PROperlCHAT PROphp PROphpLesson PROphpLesson2 PROphpLesson3 PROphpfunction PROphpfunctionArray PROphpfunctionMisc PROphpfunctionString PROsql PROvb PROvbFunction PROvbString PROvbdbmtn PROvbonepoint PROwebapp PROwin1POINT PROwinSYSTEM PROwinYOROZU PROwindows ProjectBoard RealPHP ScriptAPP ScriptMaster VBRealtime Vsfuncs a1root access accreq adsi ajax amazon argus asp aspSample aspVarious aspdotnet aw2kinst cappvariety centura ckeyword classStyle cmaterial cmbin cmdbapp cmenum cmlang cmlistbox cmstd cmstdseed cmtxt cs daz3d db dbCommon dbaccess dnettool dos download flex2 flex3 flex4 framemtn framereq freeWorld freesoft gimp ginpro giodownload google hdml home hta htmlDom ie9svg install java javaSwing javascript jetsql jquery jsp jspTest jspVarious lightbox listasp listmsapi listmsie listmsiis listmsnt listmspatch listmsscript listmsvb listmsvc memo ms msde mysql netbeans oraPlsql oracle oracleWiper oraclehelper orafunc other panoramio pear perl personal pgdojo pgdojo_cal pgdojo_holiday pgdojo_idx pgdojo_ref pgdojo_req php phpVarious phpguide plsql postgres ps r205 realC realwebapp regex rgaki ruby rule sboard sc scprint scquest sdb sdbquest seesaa setup sh_Imagick sh_canvas sh_dotnet sh_google sh_tool sh_web shadowbox shgm shjquery shvbs shweb sjscript skadai skywalker smalltech sperl sqlq src systemdoc tcpip tegaki three toolbox twitter typeface usb useXML vb vbdb vbsfunc vbsguide vbsrc vpc wcsignup webanymind webappgen webclass webparts webtool webwsh win8 winofsql wmi work wp youtube