Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ドロップターゲットはHTML5のどのイベントをリッスンしますか?


ドロップを受け入れるには、ドロップターゲットが少なくとも3つのイベントをリッスンする必要があります。

  • dragenter イベント。ドロップターゲットがドロップを受け入れるかどうかを決定するために使用されます。ドロップを受け入れる場合は、このイベントをキャンセルする必要があります。
  • ドラッグオーバー イベント。ユーザーに表示するフィードバックを決定するために使用されます。イベントがキャンセルされると、dropEffect属性の値に基づいてフィードバック(通常はカーソル)が更新されます。
  • 最後に、ドロップ イベント。実際のドロップを実行できます。

  1. JavaScriptでフォーカスイベントを説明します。

    フォーカスイベントは、要素がフォーカスを取得または失ったときに発生します。以下はフォーカスイベントです- イベント 説明 ぼかし このイベントは、要素がフォーカスを失ったときに発生します。 フォーカス このイベントは、要素がフォーカスを取得したときに発生します。 focusin このイベントは、要素がフォーカスを取得しようとしているときに発生します。 ocusout このイベントは、要素がフォーカスを失いかけているときに発生します。 以下は、JavaScriptのフォーカスイベントのコードです- 例 <!DOCTYPE html> &l

  2. HTMLKeyboardEventwhichプロパティ

    プロパティがonkeypressを起動するキーのUnicode文字コードを返すHTMLKeyboardEvent イベント、オンキーダウン イベントまたはonkeyup HTMLドキュメントのイベント。 構文 以下は構文です- event.which プロパティ-のHTMLKeyboardEventの例を見てみましょう。 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 10