アラートダイアログのOKが押されたタイミングで処理を実行する
3100 ワード
やりたいこと
このようなアラートダイアログのOKを押されたタイミングで処理を実行したいとします。
確認ダイアログを使って、以下のようにOKボタンが押された場合とキャンセルボタンが押された場合の処理を書くのが一般的です。
if (confirm('確認ダイアログの例')) {
console.log('OKボタンが押されました。')
} else {
console.log('キャンセルボタンが押されました。')
}
キャンセルボタンの押せない、OKボタンのみの確認ダイアログを作りたい
ただ、時には諸々の事情でキャンセルボタンを押してもらいたくない場合もあります。
ということで、キャンセルボタンの押せない、OKボタンのみの確認ダイアログを作っていきます。
alert()
の仕様
確認ダイアログでのOKボタンとキャンセルボタンを押された場合の処理の書き分けでは、JavaScriptのconfirm()
が
- OKボタンをクリックした場合の戻り値:true
- キャンセルボタンをクリックした場合の戻り値:false
であることを使って、if文の条件式の中でconfirm()
を使うことで実現していました。
一方、alert()
では、アラートダイアログのOKボタンを押された際の戻り値はundefinedです。
この特性を使って、
if (!alert('OKを押してください。')) {
// OKが押された際に実行する処理
}
上記のような条件式を書くことによって、OKが押された際にundefinedの否定、つまりtrueとなり、処理が実行されます。
以下、サンプルです。
サンプル
See the Pen Event After Alert by Kamiyama (@MtDeity) on CodePen.
Author And Source
この問題について(アラートダイアログのOKが押されたタイミングで処理を実行する), 我々は、より多くの情報をここで見つけました https://qiita.com/MtDeity/items/3726393590bbef77e6aa著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .