From 73fd83d5abec4dc2fc83d67d7e23a5806522a767 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 5 Feb 2022 22:33:46 +0900 Subject: 2021/09/15 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/htmlinputelement/select/index.md | 91 ++++++++++------------- 1 file changed, 41 insertions(+), 50 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/api/htmlinputelement/select/index.md b/files/ja/web/api/htmlinputelement/select/index.md index 8dc1137a8d..7cf8d9e38a 100644 --- a/files/ja/web/api/htmlinputelement/select/index.md +++ b/files/ja/web/api/htmlinputelement/select/index.md @@ -5,79 +5,70 @@ tags: - API - HTML DOM - HTMLInputElement - - Method - - Reference + - メソッド + - NeedsCompatTable + - リファレンス +browser-compat: api.HTMLInputElement.select translation_of: Web/API/HTMLInputElement/select --- -
{{ APIRef("HTML DOM") }}
+{{ APIRef("HTML DOM") }} -

HTMLInputElement.select() メソッドは、{{HTMLElement("textarea")}} 要素またはテキストフィールドを含む {{HTMLElement("input")}} 要素内のすべてのテキストを選択します。

+**`HTMLInputElement.select()`** メソッドは、{{HTMLElement("textarea")}} 要素またはテキストフィールドを含む {{HTMLElement("input")}} 要素内のすべてのテキストを選択します。 -

シンタックス

+## 構文 -
element.select();
+```js +element.select(); +``` -

+## 例 -

この例のボタンをクリックすると、<input> 要素内のすべてのテキストが選択されます。

+この例のボタンをクリックすると、 `` 要素内のすべてのテキストが選択されます。 -

HTML

+### HTML -
<input type="text" id="text-box" size="20" value="Hello world!">
-<button onclick="selectText()">Select text</button>
-
+```html + + +``` -

JavaScript

+### JavaScript -
function selectText() {
+```js
+function selectText() {
   const input = document.getElementById('text-box');
   input.focus();
   input.select();
-}
+} +``` -

結果

+### 結果 -

{{EmbedLiveSample("Example")}}

+{{EmbedLiveSample("Example")}} -

メモ

+## メモ -

element.select() を呼んだからといって必ずしも入力がフォーカスされるわけではないので、{{domxref("HTMLElement.focus()")}} で使うことが多いです。

+`element.select()` を呼び出しても、入力欄がフォーカスを得るとは限りませんので、よく {{domxref("HTMLElement.focus")}} と一緒に使われます。 -

これがサポートされていないブラウザでは、パラメータ 0 と入力値の長さを指定して HTMLInputElement.setSelectionRange() を呼び出すことで置き換えることができます。

+これに対応していないブラウザーでは、 [HTMLInputElement.setSelectionRange()](/ja/docs/Web/API/HTMLInputElement/setSelectionRange) の引数に 0 と入力値の長さを指定して呼び出すことで置き換えることができます。 -
<input onClick="this.select();" value="Sample Text" />
-<!-- equivalent to -->
-<input onClick="this.setSelectionRange(0, this.value.length);" value="Sample Text" />
-
+```html + + + +``` -

仕様

+## 仕様書 - - - - - - - - - - - - - - - -
仕様書ステータスコメント
{{SpecName('HTML WHATWG', 'forms.html#dom-textarea/input-select', 'select')}}{{Spec2('HTML WHATWG')}}
+{{Specifications}} -

ブラウザの互換性

+## ブラウザーの互換性 -

{{Compat("api.HTMLInputElement.select")}}

+{{Compat}} -

あわせて参照

+## 関連情報 - +- {{ HTMLElement("input") }} +- {{ HTMLElement("textarea") }} +- {{ domxref("HTMLInputElement") }} +- {{ domxref("HTMLInputElement.setSelectionRange") }} -- cgit v1.2.3-54-g00ecf