JavaScript イベント

JavaScript イベント

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ウェブサイトの任意の要素にJavaScriptイベントを添付することができます。JSイベントは、マウス、キーボード、またはフォームを介したページとの対話のインスタンスです。この特定の機能には、最小限のJavaScriptの知識が必要です。

 

JavaScript イベントへのアクセス方法 

  1. カスタマイズしたい要素をクリックしてください。
  2. 要素のプロパティボックスでJavascriptイベント[]アイコンをクリックしてください。
  3. イベントが発生した際に適用する関数を指定してください。


上の画像は、選択したボタンがクリックされたときに指定された 'buttonClicked' という関数が呼び出されることを示しています。

 

  1. [ページ]に移動します。

  2. Java Script イベントを設定したいページを選択します。

  3. [ページ情報の編集]をクリックします。

 

 


  1. 対応するページのヘッダー/フッターコードに関数を定義します。

  2. クリックしてください保存


サンプルコード:


 

次に、サイトを保存して公開することができます。公開されたサイトでボタンをクリックすると、その機能が適用されます。この場合、コードに応じてアラートボックスが表示されます。

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

イベントの種類

現在、6つのイベントをサポートしています:
  1. クリック  

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

 

  1. ondblclick  
  1. ondblclick  

ユーザーがリスナーがアタッチされた要素をダブルクリックすると、dblclickイベントが発生します。

 

  1. マウスオーバー  

マウスオーバーイベントは、リスナーがアタッチされた要素の上にマウスを移動したときに発生します。

 

  1. onmouseout  
  1. onmouseout  

mouseout イベントは、リスナーがアタッチされた要素からマウスが離れた時に発生します。

 

  1. onmouseenter(マウスが要素に入った時)  

mouseenter イベントは、通常はマウスといったポインティングデバイスがリスナーがアタッチされた要素の上に移動したときに発生します。

 

  1. onmouseleave  
  1. onmouseleave(マウスが要素から離れたとき)  

mouseleave イベントは、通常はマウスといったポインティングデバイスが、リスナーがアタッチされた要素から外れた時に発生します。

 


    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho WorkDrive Resources



                Zoho Desk Resources

                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day









                                  • Related Articles

                                  • ソーシャルプロフィール

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 この要素を使用すると、FacebookやInstagramなどのソーシャルメディアプロフィールの浮動アイコンを添付できます。 [設定] 構成 > ソーシャル。 クリック ソーシャルプロファイル。 ここには、ストアにリンクできるすべてのソーシャルハンドルがあります。 ...
                                  • ダイナミックコンテンツ

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ...
                                  • コードスニペット

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.