Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/InputEvent/inputType below:

InputEvent: inputType プãƒãƒ‘ティ - Web API

Baseline Widely available *

inputType は InputEvent インターフェイスの読み取り専用プロパティで、編集可能なコンテンツの変更が行われた種別を返します。変更は例えば挿入、削除、テキスト整形などがあります。

入力された入力種別を含む文字列です。insertText、deleteContentBackward、insertFromPaste、formatBold など、多くの値を取り得ます。利用可能な入力種別の完全なリストは、Input Events Level 2 仕様の Attributes の章を参照してください。

この例は編集可能な <div> の入力イベント の inputType をログ出力します。

<p id="log">入力種別:</p>
<div
  contenteditable="true"
  style="margin: 20px;padding: 20px;border:2px dashed red;">
  <p>
    いくつかのサンプルテキストです。改行を入れたり、異なる形でテキストを削除したり、異なるコンテンツを貼り付けたりしてみてください。
  </p>
  <hr />
  <ul>
    <li>サンプルの</li>
    <li>箇条書き</li>
    <li>リスト</li>
  </ul>
  <p>他の段落</p>
</div>

const log = document.getElementById("log");
const editable = document.querySelector("div[contenteditable]");
editable.addEventListener("input", logInputType);

function logInputType(event) {
  log.textContent = `入力種別: ${event.inputType}`;
}

<div> 内のテキストを編集して、どうなるかを試してみてください。

メモ: もっと詳細な例として Masayuki Nakano's InputEvent test suite も参照してください。

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4