0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

javaScript ダイアログを出して、確認をさせてからイベントを開始させる方法

Last updated at Posted at 2018-03-04

よく使うけど、いつも書き方を忘れてしまうので、書き残しときます。
これ系のはよくいろんなサイトに記載があるけど、結構複雑だったり思ってたりするのと違う場合が多いので、簡単にかける方法を書き残しときます。

この機能はクリックでデリート機能とか付けた時に、確認機能をつけたい場合にhtml上でjavascriptをちょこっと追記するだけで簡単に確認機能がつけられます。
下のサンプル画像みたく、確認ダイアログがでて、「OK」を押さないと処理が走らない機能です。
質問文言は変更可能です。

スクリーンショット_2018_03_04_11_20.jpg

やり方は、htmlタグに一行足すだけ。
onclick="return confirm('質問内容');"

サンプル.html
<a href="./order?mode=chflg&amp;id=1234&amp;flg=0" onclick="return confirm('変更しますか?');">変更</a>

使い方はいろいろです。
簡単な記述なので、見た目はかっこ悪いですが使い勝手がいいのが特徴です。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?