tqwko_05
@tqwko_05

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

JavaScript:ボタン押下時のイベント

解決したいこと

Webサイトであるボタンを押下するとモーダルが立ち上がるイベントがあります。
このHTMLソースを除いてみると、以下のようになっていました。

①Webサイトで見たボタンのHTML要素

<a href="javascript:void(0)">ボタン名</a>

本来、JavaScriptでクリック時にイベントを発火させたい場合は以下のように「onclick」を使用してJavaScriptで実行したい処理の関数名を書く等すると思います。

②onclickイベントの例

<a href="javascript:void(0)" onclick="JavaScriptでクリック時の処理">ボタン名</a>

しかし
閲覧したWebサイトは①のように特にonclickの指定もなく「javascript:void(0)」しか記載がなかったため、「では一体どこでボタン押下時の処理を実行しているんだ??」と疑問に思いました。
このような記載の場合どのような処理でモーダル表示しているのでしょうか・・・?
(Chromeの開発者ツールで確認していました)

0

1Answer

href="javascript:void(0)"は多分aタグのデフォルトの動きとしてhref=""(空)みたいな「同じページに再度遷移」をしないように抑制しているんだと思います。

多分見てるページのaタグにnameid属性が付いていると思うので、それを元にaddEventListenerしているのかなと考えます。

0Like

Comments

  1. @tqwko_05

    Questioner

    早急のご回答ありがとうございます!
    aタグ自身にはname,idの記載はありませんでした(①がWebサイトからコピーしたものそのまま)が、こいつの親要素に<div>でidが指定されており、そのidに対してJavaScriptの処理が飛んでいました。
    aタグに直接処理が付与されていないのが少し疑問ですが笑
  2. @tqwko_05

    Questioner

    なるほどです!
    セレクタの仕組みまで分かっていませんでした。ご回答ありがとうございます。

Your answer might help someone💌