jsでページ離脱時の未保存情報のリマインダーを実装（ユーザーの繰り返し操作を軽減）_javascriptスキル

JavaScript コード

コードをコピー コードは次のとおりです:

/ /Leave ページ
var hasSaved = false のときに未保存の入力値があるかどうかを判定します。//入力内容に未保存フラグがあるかどうか、初期値は false
function CheckUnsave(){
if (hasSaved==false ){
alert("アップロードした内容は保存されていません。ページを離れる前に保存してください");
return false;}
//return true;追加できません
}

//保存後に状態を変更します
function ChangeState()
{
hasSaved = true;
}

onbeforeunload 属性を本文に追加します
HTML コード

コードをコピー コードは次のとおりです。

🎜>
アクションを送信する前に ChangeState を呼び出します。

特定のボタンを押してページを離れると、たとえば、保存ボタンを押した場合に、ステータスを変更する必要があることは通知されなくなります。保存ボタンを押した後の保存識別子:

Html code

Copy code コードは次のとおりです