1. ホーム
  2. javascript

[解決済み] ミドルクリックでonclickイベントを発生させる

2022-12-10 23:38:02

質問

私は onclick イベントを使用して、ハッシュ化されたリンクの <div> をポップアップとして開くことができます。しかし をクリックしても onclick イベント を発生させず、ただ href 属性の値を取り、新しいページに URL をロードします。どうすればミドルクリックで <div> をポップアップとして開くにはどうしたらよいでしょうか?

どのように解決するのですか?

編集

この回答は非推奨となり は機能しません は動作しません。おそらく、最終的には auxclickイベント を使うことになると思いますが、以下の他の回答も参考にしてください。

/編集


beggsの回答は正しいのですが、中クリックのデフォルトアクションを防ぎたいようですね。その場合、次のように記述します。

$("#foo").on('click', function(e) {
   if (e.which == 2) {
      e.preventDefault();
      alert("middle button"); 
   }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="foo" href="http://example.com">middle click me</a>

preventDefault() は、イベントのデフォルトアクションを停止させます。