5

Apple Magic Mouse を入手したばかりのクライアントがいます。私たちはレシピのウェブサイトを構築しましたが、レシピのすべての情報を入力しているときに彼女は非常に動揺し、新しいマウスを使用して誤って右にスクロールすると、戻るブラウズが行われ、すべての情報が失われます. そのため、彼女は警告/ポップアップを表示して、そのページでこれが発生しないようにしたいと考えています。

これを行ういくつかの提案やJSを教えてください。

4

2 に答える 2

11

これは基本的な「出発前の警告」スクリプトです。ユーザーがテキストエリアでキーを押すと、ユーザーがページを離れようとしているかどうかが通知されます。

<script type="text/javascript">
var changes = false;
window.onbeforeunload = function(){
   if(changes){
      return "You're about to leave this page.";
   }
};
</script>
<textarea onkeypress="window.changes=true">recipe here</textarea>

または、ページの読み込み時にテキストフィールドの内容を変数に保存し、後で比較することもできます。これにより、訪問者がテキストエリアを実際に変更せずに矢印キーを押すだけの場合の混乱が解消されます。

于 2010-08-30T16:41:59.680 に答える
0

そのため、彼女は警告/ポップアップを表示して、そのページでこれが発生しないようにしたいと考えています。

ブラウザのonBeforeUnloadイベントにフックして、確認メッセージを表示できます。

于 2010-08-30T16:43:00.597 に答える