diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-05 10:30:58 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-28 01:39:14 +0900 |
commit | 3ea6a4b2df21b7789f5183c30d99330597528163 (patch) | |
tree | 2195062c5e83e7b4b11a3ff9d59e08b0595dbffa /files/ja/web/api/htmlinputelement/setrangetext/index.html | |
parent | 0f0afb8c8626349acbaa0d34888380b183e5d352 (diff) | |
download | translated-content-3ea6a4b2df21b7789f5183c30d99330597528163.tar.gz translated-content-3ea6a4b2df21b7789f5183c30d99330597528163.tar.bz2 translated-content-3ea6a4b2df21b7789f5183c30d99330597528163.zip |
HTMLInputElement のメソッドを移行
Diffstat (limited to 'files/ja/web/api/htmlinputelement/setrangetext/index.html')
-rw-r--r-- | files/ja/web/api/htmlinputelement/setrangetext/index.html | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/files/ja/web/api/htmlinputelement/setrangetext/index.html b/files/ja/web/api/htmlinputelement/setrangetext/index.html deleted file mode 100644 index 06d23ddd27..0000000000 --- a/files/ja/web/api/htmlinputelement/setrangetext/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: HTMLInputElement.setRangeText() -slug: Web/API/HTMLInputElement/setRangeText -tags: - - API - - HTMLInputElement -translation_of: Web/API/HTMLInputElement/setRangeText ---- -<div>{{APIRef("HTML DOM")}}</div> - -<p><span class="seoSummary"><strong><code>HTMLInputElement.setRangeText()</code></strong> メソッドを用いて,{{HTMLElement("input")}}や{{HTMLElement("textarea")}}要素において,文章の指定した範囲を新たな文字列で置き換えられます。</span></p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox"><em>element</em>.setRangeText(<em>置換対象</em>); -<em>element</em>.setRangeText(<em>置換対象</em>, <em>開始</em>, <em>終了</em> [, <em>選択状態</em>]); -</pre> - -<h3 id="引数">引数</h3> - -<dl> - <dt><code>置換対象</code></dt> - <dd>挿入する文字列。</dd> - <dt><code>開始</code>{{optional_inline}}</dt> - <dd>置き換える最初の文字の位置を0始まりで指定します。既定は現在の<code>selectionStart</code>の値(利用者が現在選択している範囲の始め)です。</dd> - <dt><code>終了</code>{{optional_inline}}</dt> - <dd>置き換える最初の文字の<em>一つ後の</em>位置を0始まりで指定します。既定は現在の<code>selectionEnd</code>の値(利用者が現在選択している範囲の終わり)です。</dd> - <dt><code>選択状態</code>{{optional_inline}}</dt> - <dd>文章が置換された後,選択範囲がどのように振る舞うべきかを指定します。<br> - 次の値が有効です: - <ul> - <li><code>select</code>: 新規挿入した文章を選択する。</li> - <li><code>start</code>: 挿入した文書の直前に選択範囲を移動する。</li> - <li><code>end</code>: 挿入した文書の直後に選択範囲を移動する。</li> - <li><code>preserve</code>: 選択範囲を保持しようとします。既定です。</li> - </ul> - </dd> -</dl> - -<h2 id="事例">事例</h2> - -<p>例中のボタンを押して,欄内の文章の一部を置換してみてください。新規挿入された文章は,その後強調(選択)されるでしょう。</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><input type="text" id="text-box" size="18" value="この文章は更新されていません。"/> -<button onclick="selectText()">文章を更新する</button> -</pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">function selectText() { - const input = document.getElementById('text-box'); - input.focus(); - input.setRangeText('ました', 9, 14, 'select'); -}</pre> - -<h3 id="結果">結果</h3> - -<p>{{EmbedLiveSample("Example")}}</p> - -<h2 id="仕様書">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("HTML WHATWG", "forms.html#dom-textarea/input-setrangetext", "HTMLInputElement.setSelectionRange()")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>変更なし</td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "forms.html#dom-textarea/input-setrangetext", "HTMLInputElement.setSelectionRange()")}}</td> - <td>{{Spec2("HTML5 W3C")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザ互換性">ブラウザ互換性</h2> - -<div> - - -<p>{{Compat("api.HTMLInputElement.setRangeText")}}</p> -</div> - -<h2 id="関連項目">関連項目</h2> - -<ul> - <li>{{HTMLElement("input")}}</li> - <li>{{HTMLElement("textarea")}}</li> - <li>{{domxref("HTMLInputElement")}}</li> - <li>{{domxref("Selection")}}</li> -</ul> |