マウスの操作（４）
マウスのドラッグで選択された部分の文字列を表示

$('div#cursor').mouseover(function(ev){$(this).css('cursor','pointer');})
.click(function(ev){$(this).css('background-color','#fc9').text('クリックされて色が変わった！');});

※下の文章のどこかを選択するとその部分を下に表示する。


実行前（文字を選択する）



変更前のhtml
<form id="form" action="#" onsubmit="return false;">
<div>
  <textarea cols="30" rows="2">jQueryはCSSセレクタやAjaxに対応したJavaScriptライブラリ</textarea><br />
  <input type="text" size="60" value="jQueryはCSSセレクタやAjaxに対応したJavaScriptライブラリ" />
</div>
</form>
<div id="selected-text"><!--ここに表示される--></div>