javascriptを使用したカスタムアラート

Question

JavaScriptでカスタムアラートを作成するにはどうすればよいですか？ OKとCancel. がいずれかがあり、

$(function(){ 
    alert("ALERT"); 
}); 

それはちょうど2つのオプションを使用して"ALERT"メッセージを示しています

をしかし、あなたのようalert()機能を使用する場合：あなたはこれらの上のように、知っていますあなたは何か他のことを言っているボタンを作ることができますか？私はすべてのjQueryUIダイアログボックスのことを聞いたことがありますが、非jquery、ブラウザで実行されるJavaScriptでこれを行うにはどうしていますか？

Answer 1

あなたが求めているのは、カスタムダイアログを作成するためのネイティブAPIがある場合は、現時点では短い答えではないということです。あなたが作成することができますダイアログと呼ばれる新しいHTML5要素があります... window.alert、window.confirmとwindow.prompt

---

ロング答えはイエスですが、それは準備ができていないのですまだ：ほとんどのブラウザでは、唯一の箱のうち3つの簡単なダイアログを提供しますカスタムダイアログはネイティブでサポートされており、現在のところChromeでのみサポートされています。

が

https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElementを参照してください。あなたは、しかし、これはあなた自身の作成からあなたを停止しないpolyfill

---

を使用して、それが他のブラウザのために働くことができます。プレーンなバニラのjavascriptを使って人々がそれを書くところにはたくさんの例があります（あるいは場合によってはjavascriptが全くありません）。

Answer 2

JavaScriptを一時停止するカスタムダイアログを作成する唯一の方法は、showModalDialogでした。

しかし、廃止され、おそらく最終的に削除される予定です。

現代的な方法は、<dialog>要素を使用し、そのshowModal()メソッドをJavaScriptで呼び出すことです。しかし、alert(),prompt()またはconfirm()のような実際のダイアログとは異なり、JSを一時停止することはありません。

詳細については、Why is window.showModalDialog deprecated? What to use instead?を参照してください。