ドラッグドロップ
JavaScriptを含むHTML5アプリケーションを作成します。アプリケーションはいくつかのAJAX要求を実行します。 1つのAJAXリクエストは、Webサービスから注文情報を取得し、その情報をアプリケーション内のWebページに送り返します。
カスタムイベントを作成する必要があります。あなたには次の要件があります。
Webページには、カスタムイベントを受け取るordersListingという名前のHTML要素が含まれている必要があります

お知らせ。
イベント名はordersReceivedでなければなりません。

イベントは、orderCountという名前のカスタム値を渡す必要があります。

このイベントは、注文後にshowOrdersReceivedCountというJavaScriptメソッドを実行する必要があります

HTML要素がイベントを受け取ります。
他のDOM要素がイベントを受け取らないようにしてください。

イベントをキャンセルさせる。

イベントをイベントシステムに送信します。

カスタムイベントを実装して、AJAXレスポンスの特定のDOM要素に通知する必要があります。
どの3つのアクションを順番に実行しますか? (必要なコードセグメントを選択し、正しい順序で配置することで、ソリューションを開発する)Select and Place:

正解:

説明/参照:
Explanation:
*シナリオから:他のDOM要素がイベントを受け取らないようにしてください。
したがって:bubbles:false
*シナリオから:イベントのキャンセルを許可します。
したがって:cancellable:true
*シナリオから:
Webページには、カスタムイベント通知を受け取るordersListingという名前のHTML要素が含まれている必要があります。
*バブリングと指定されたイベントは、最初は非バブリングイベントと同じイベントフローで処理されます。イベントはターゲットEventTargetに送出され、トリガーされたすべてのイベントリスナーが送出されます。
その後、バブリングイベントは、EventTargetの親チェーンを上に追いかけることによって検出された追加のイベントリスナーをトリガーし、連続する各EventTargetに登録されたイベントリスナーをチェックします。この上向き伝播は、文書を含むまで継続されます。キャプチャとして登録されたEventListenerは、このフェーズでは起動されません。イベントターゲットからツリーの上部までのEventTargetsのチェーンは、イベントの最初のディスパッチの前に決定されます。イベント処理中にツリーに変更が生じた場合、イベントフローはツリーの初期状態に基づいて処理されます。
注意:
* Ajax(Asynchronous JavaScript and XMLの頭字語)は、非同期Webアプリケーションを作成するためにクライアント側で使用される、相互に関連したWeb開発手法のグループです。 Ajaxを使用すると、Webアプリケーションは、既存のページの表示や動作を妨げることなく、バックグラウンドで非同期にサーバーにデータを送信したり、サーバーからデータを取得したりすることができます。データは、XMLHttpRequestオブジェクトを使用して取得できます。名前にもかかわらず、XMLの使用は必須ではありません(代わりにJSONがよく使用されます)。要求は非同期である必要はありません。