HTML画面の幅選択を消す必要が出てきたが・・・

そんなん無理だろと思ってたら、意外と出来るもんですなあ。


ひとまず、ここを参考にしました。
ブラウザ上で、テキスト選択を解除する方法 - elm200 の日記(旧はてなダイアリー)

function deselectForIE() {
	var selection = document.selection.createRange();
	selection.setEndPoint("EndToStart", selection);
	selection.select();
}

function deselectForFirefox() {
	var selection = window.getSelection();
	selection.collapse(document.body, 0);
}

以上のようにやればできるようです。


IEFireFoxでやり方が違いますが、IEのときだけ消す処理を入れたかったので、
IEのときだけ判断する処理を入れて実装しました。


そのときの参考サイトはこちら。

JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌


ちなみにIE以外の場合、次の方法でも出来るみたい。

window.getSelection().removeAllRanges();