Safari 2.0.3 supports setSelectionRange
Mac OS X 10.4.4に含まれるSafari
2.0.3でFirefoxと同じく、setSelectionRange、selectionStart、selectionEndがサポートされたようです。
<input type="text" id="textfield" name="textfield" value="foo"/>
<script type="text/javascript">
var ele = document.getElementById('textfield');
for(i in ele){
document.write(i + " = " + ele[i] + "<br />");
}
</script>
とした、結果の中に
setSelectionRange = [function] selectionStart = 3 selectionEnd = 3
と入ってます。
見ていると、contentEditableなんていうのもあって、
<div contenteditable="true"> この文章はブラウザ上で編集できます。 </div>
というのも動く。編集ができちゃう。
↓お試し用
IEや最新のSafariの場合、この文章はクリックすると編集できます。
前から動いたっけ？？
コメント
すみません、質問です。
contenteditableを使ってみたのですが、初期状態では日本語入力がOFFのままになってしまいます。
かぜぶろさんのサンプルでは日本語入力ONになっていると思うのですが、何か他に指定しなくてはならないものがあるのでしょうか？
投稿者: YK | 2006年02月16日 10:13
YKさん
このページのサンプルを使って、Safariの2.0.3(tiger)と1.3.2(panther)とで試してみましたが、日本語入力できました。ちなみにことえりです。
あと可能性として考えられるのはcontent-typeぐらいでしょうか。
投稿者: かぜぶろ | 2006年02月16日 11:07