選んだ文字列を表示させる方法について
JavaScriptを使って,ドラッグで選んだ文字列を,同じページ内に,抜き出して表示させることを考えています。
いろいろなページを参考にして,以下のように作ってみましたが,どうもうまく動きません。
具体的には,文字を選ぶと[object]と表示されてしまいます。
アドバイスをお願いします。
<html lang="ja">
<head>
<script type="text/javascript">
function doAlert(){
if(document.all){
var s = new String;
s=document.selection.createRange();
if (document.all) {
his.innerHTML = s;
} else if ( document.layers ) {
document.his.document.open();
document.his.document.write(s);
document.his.document.close();
}
}else if(document.getElementById){
s=window.getSelection();
document.write(s);
}
}
document.onmouseup=doAlert;
</script>
</head>
<body>
<div id="div1" style="font-size:24pt">
選択してください。
</div>
<hr>
<DIV id="his" style="position: absolute;">
<P>上の文をドラッグすると,ここに選んだ文字列が表示されます</P>
<hr>
</DIV>
</body>
</html>