Subscribed unsubscribe Subscribe Subscribe

CHROMA

Web Designer の頭から飛び出たアイデアの記録

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

次のような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を書くときは、このように簡単に見えるものでも時間に余裕が無いとまだまだテンパります。