JavaScript 処理をWebサイトの要素にアタッチすることで、インタラクティブ性を高め、サイトのユーザー体験を向上させることができます。任意の要素にJavaScript 処理を添付できます。JS 処理とは、マウスやキーボード、フォームの利用など、ページ上で発生するあらゆるインタラクションを指します。この機能の利用に多くのJavaScript知識は必要ありません。

JavaScript 処理へのアクセス方法

1. カスタマイズしたい要素をクリックします。

2. 要素プロパティ箱のJavaScript 処理アイコンをクリックします。

3. イベント発生時に申請済みとなる関数を指定します。

4. 「Pages」に移動します。

5. JavaScript処理を設定したいページを選択します。

6. 「編集 Page Info」をクリックします。

7. 該当ページのヘッダー／フッター コード内で関数を定義します。

8. 「保存」をクリックします。

サンプルコード:

9. 次に、保存および公開を行います。公開済みサイトでボタンをクリックすると、機能が申請されます。この場合、コードに従って注意ボックスが表示されます。

さまざまな関数名を入力して、異なるイベントタイプを任意の要素に適用できます。

JavaScript 処理の種類

現在、6種類の処理に対応しています。

• onclick  
  

クリックイベントは、リスナーが設定された要素をユーザーがクリックしたときに発生します。

• ondblclick  
  

dblclickイベントは、リスナーが設定された要素をユーザーがダブルクリックしたときに発生します。

• onmouseover  
  

mouseoverイベントは、リスナーが設定された要素にユーザーがマウスを重ねたときに発生します。

• onmouseout  
  

mouseoutイベントは、リスナーが設定された要素からマウスが離れたときに発生します。

• onmouseenter
  

mouseenterイベントは、ポインティングデバイス（通常はマウス）がリスナーを設定した要素上に移動した時に発生します。

• onmouseleave