確認させてからリンク先にジャンプさせる1行JavaScript

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

リンクをクリックする際に、確認メッセージ(ダイアログ)を表示させてからジャンプさせたい。

削除処理ページに遷移する前など、アンカー(リンクタグ)をクリックした際に、ジャンプしてよいか確認させてからページを移動させる、もっともシンプルなJavaScript。

下記のように、if文や三項演算子を使わなくても簡単にできます。

<a href="./delete_something.php" onClick="javascript:return confirm('本当に削除しますか?')">【削除】</a>

ユーザの操作ミスを防ぐため、JavaScriptで確認ダイアログ(ウィンドウ)を表示させてから画面遷移するケースは多いと思います。

色々方法はありますが、手軽に実装したい場合によろしいかと思います。

また、JavaScriptが無効(OFF)になっている場合でも、普通のリンクとしてリファレンス先(href)にジャンプします。

※当然その場合は、ダイアログは表示されませんが。


スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存