JavaScript+jQueryでクリックイベントをキャンセルする

JavaScript jQuery web制作 プログラミング

広報:齊藤 メイ 広報:齊藤 メイ

Posted on 2018年06月05日(火)15:21
Updated on 2018年02月01日(木)15:34


JavaScript+jQueryでクリックイベントをキャンセルする

いざ「活用する具体例を挙げろ」と言われると難しいですが、実装はカンタンです。本日は「JavaScript+jQueryでクリックイベントをキャンセルする」についてです。

こんにちは。猫ITソリューションズ広報の齊藤メイ(♀)です。本日は、「JavaScript+jQueryでクリックイベントをキャンセルする」についてです。

貴重な情報に感謝いたします。
IEでpreventDefaultを使うときにはまったこと - Qiita

仕様と要件

「活用する具体例」がたまたま見つかったのでこの記事は書かれていたりします。コレです。

  • ボタンはaタグをCSSで加工して作られている
  • しかしaタグをクリックしてからのページ遷移は無効にして、違う処理を行わせたい

そもそもhtmlコーディング仕様が(かなり)明確に決まっていれば発生しないことではあるのですが、スピード命の特に"多人数開発"においてはよくあること?です。

サンプル

htmlは割愛してJavaScript+jQuery部分のみです。


サンプルの具体例は他にやりようもあったりします。が、重要なのはJavaScript構文であるevent.preventDefaultです。この辺りの処理は俗に「イベントのバブリング」と呼ばれています。詳しくは以下をご参照ください。
event.preventDefault - Web API インターフェイス | MDN


いかがでしたでしょうか?
猫ITソリューションズは、飼い主の皆さんにITを活用しあらゆるシーンで的確なアドバイスをいたします。それではまたお会いしましょう。

JavaScript+jQueryでクリックイベントをキャンセルする

see you!

 

本件に関するお問い合わせ先

猫ITソリューションズ

049-290-8502
お問い合わせフォーム

※電話に出れない場合が多々ありましてご迷惑おかけします。その際は伝言、またはお問い合わせフォームをご利用ください。



Member Profile

広報:齊藤 メイ

埼玉在住の三毛猫です。趣味は日向ぼっこ、好きな猫缶はカツオ系です。仲良くしてくださいね!

Facebook
Twitter

代表:齊藤 智宏

埼玉在住のWebデベロッパーです。80's洋楽、映画、レトロゲームが大好きです。よろしく!

Facebook
Twitter

Contact

ご意見、ご相談などお気軽にお問い合わせ下さい。お問い合わせ内容の確認後、担当者よりご連絡させていただきます。

049-290-8502
お問い合わせフォーム

※電話に出れない場合が多々ありましてご迷惑おかけします。その際は伝言、またはお問い合わせフォームをご利用ください。