hello foo bar Saba note | JSで簡易的な確認ダイアログをつくる

JSで簡易的な確認ダイアログをつくる

2018.11.22 (木)

え、こんなのあるの?こんなのあったの?
リンククリック。確認画面が出て、OKしたらリンク先に飛ぶ。キャンセルしたらそのまま、という簡単なやつです。window.confirm()自体の返り値がOK押してもキャンセル押しても後続のスクリプトが実行されるってのが。。

<html>
  <head>
    <script
    src="https://code.jquery.com/jquery-1.12.4.min.js"
    integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
    crossorigin="anonymous"></script>

    <script>
    $(function(){
      $("#confirmation").on("click", function(){
        if (window.confirm('送信しますか?')) {
          return true;
        }
        return false;
      });
    });
    </script>

  </head>
  <body>
    <a href="https://www.google.co.jp/" id="confirmation">Google</a>
  </body>
</html>