1. アドベネック
  2. アドベネックのブログ
  3. HTML
  4. ウィンドウを閉じるボタンがうまく発火しない時

Posted on Sep 6, 2016 by Naitou

ウィンドウを閉じるボタンがうまく発火しない時

記事カテゴリー: HTML

ウィンドウを閉じるjavascriptを記述しているのにうまく動かない時、スマホでウィンドウが閉じられない時は、javascriptの書き方を変えると解決できます。

ウィンドウを閉じるボタンを実装させたい
そんな時はaタグの中にonClickを追加して、ウィンドウを閉じる記述を追加するのが一般的な書き方かと思います。

しかし、そのままonClickを追加しても、ブラウザによっては警告メッセージが表示されたり、そもそもウィンドウが閉じなかったり、動作にばらつきがあるのが現状です。

ウィンドウを閉じるonClickイベント

html_close_1
aタグをクリックした時、onCliskが発火し、ウィンドウが閉じる

ウィンドウを閉じさせる、という事ならこの記述で良いはず……ですが、前述の通り動作にばらつきがあります。
特にスマートフォン用のブラウザは、この記述では勝手にウィンドウは閉じません。

ウィンドウを閉じるとき、条件を追加する

html_close_2
target=”_blank”で開いたウィンドウの時、ウィンドウが閉じる

このウィンドウがtarget=”_blank”で開いたウィンドウの時、と条件を追加します。

スマートフォン用ブラウザでも、target=”_blank”で開いたウィンドウの時は
ウィンドウを閉じる事が出来るようになります。

この記事をシェアする

このカテゴリーの一覧に戻る

内藤

この記事の投稿者

内藤Naitou

高専、専門学校卒という独学派が多いアドベネックの中で唯一コンピューター言語を学校で学んだスタッフでありながら、ペンタブレットを使ったイラスト作成なども担当できるレアキャラ。NINTENDO好き。ゲームを買って積んでおくのが趣味。

  • Ps
  • Ai
  • Dw

同じカテゴリーの投稿

最近の投稿

記事のカテゴリー

アドベネックのSNS