Subscribed unsubscribe Subscribe Subscribe

CHROMA

世の中の "当たり前" を確認する

開いたタブに閉じるボタンの設置

次のようなHTMLで新規タブを開いたとします。

<a href="/information/help" class="information-help" target="_blank">ヘルプ</a>

この開いたタブの中に、以下のようなjQueryで「タブを閉じる」処理を行なうボタンを設置しました。

$(function() {
  $('.js-close-window').on('click', function() {
    window.close();
    return false;
  });
});

このボタンのHTMLはこんな感じです。

<a href="" class="js-close-window">閉じる</a>

jQueryJavaScriptを書くときは、このように簡単に見えるものでも時間に余裕が無いとまだまだテンパります。