Jintrick.netagenda2001年08月アーカイブ → 2001年08月30日

ブラウザでのテキスト選択範囲

発見なのか、私が非常識だったのか。

任意の選択範囲を作成する

<?xml version="1.0" encoding="ISO-2022-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<?xml version="1.0" encoding="ISO-2022-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

例えば上のソースのある範囲を選択状態にしたいとき、ドラッグするのではなく、範囲の先頭をクリックし、Shiftキーを押しながら範囲の末尾をクリックすることでも可能なんです。これくらいの文字数ならどうでもいい話ですが、スクロールさせなきゃならない程たくさん文字がある場合には必要になります。

ブラウザでもこれが出来るとは思いませんでした。ちなみにテキストエディタなどと違うのは、単語の途中までを選択することが出来ないことです。

要素全体のテキストを選択する

今まで私は、トリプルクリックがどういう挙動をするのか知りませんでしたが、どうやらHTMLの要素、それもブロック要素単位で選択状態にするようです。上のPRE要素の場合は少し特殊で、トリプルクリックした行、それ以下すべてを選択状態にするようです。

正しいマークアップの利点を、また一つ発見です。

少し実験してみます。「authorの意図する段落」の区切りを、p要素としてマークアップしたものと、単にbr要素で整形したものを書いてみます。

P要素として正しくマークアップされた段落

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段

BR要素×2 で区切ったもの

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

 段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落


後者の例では、トリプルクリックでは「authorの意図した段落」が選択されません。(Windows + IE5.5)

まあ、トリプルクリックの概念がないNetscape系などには関係ないのですが、brで整形してふんぞり返っている誰かに
「トリプルクリックが役に立たなくなるじゃあないか!」
と文句を言うことができます。嫌われるかも知れませんが。


webmaster@jintrick.net
公開: 2001年08月30日
カテゴリ: