iFrame内でjQueryを使用してF5を防止する

Question

アプリケーションでは、ユーザーがF5キーを使用してWebページを最新表示することができないという要件があります。

解決方法hereを実装しましたが、これはページのiframe内では機能しないことが判明しました。

iframeは、telerik radeditorコントロールから生成されます。

私はradeditorを含む私のページの中で次のことを試みました。

$(function() { 
    $('#<%=RadEditor1.ClientID %>_contentIframe html').bind('keydown', function() { 
     if (window.event && window.event.keyCode == 116) { 
      window.event.cancelBubble = true; 
      window.event.returnValue = false; 
      window.event.keyCode = 0; 
      window.status = "F5 is disabled on all popups"; 
      return false; 
     } 
    }); 
}); 

ただし、動作しません。

私が紛失しているiframeには特別なものがありますか？

Answer 1

この方法は、一貫して機能します。

$(function() { 
    function addF5Handler(){ 
     el = $('body', $('#myframe').contents()); 
     if(el.length != 1) { 
      setTimeout(addF5Handler, 100); 
      return; 
     } 
     $($('#myframe').get(0).contentWindow.document).keydown(function() { 
      var myWindow = $('#myframe').get(0).contentWindow; 
      if (myWindow.event && myWindow.event.keyCode == 116) { 
       myWindow.event.cancelBubble = true; 
       myWindow.event.returnValue = false; 
       myWindow.event.keyCode = 0; 
       myWindow.status = "F5 is disabled on all popups"; 
       return false; 
      } 
     }); 
    } 
    addF5Handler(); 
}); 

Answer 2

ページで作業している間にユーザーがデータを失うのを防ぐことを知っていれば、私は別の解決方法を提案したいと思います。なぜ彼らがページを離れるときに引っ掛かるのではなく、そうするつもりかどうかを確認するように促すのはなぜですか？

Best way to detect when a user leaves a web page?

Gmailはまだ送信されたメッセージは、/保存していない、このメソッドを使用しています。これにより、多くのシナリオをカバーし、ユーザーを幸せに保ちながら、誰かが望む場合でもF5を動作させることができます。

Answer 3

私はあなたが持っている唯一のオプションは、このだと思う：

$(window).on('beforeunload', function() { 
    return 'Leave?'; 
}); 

は、iFrameのページ内でこれを入れてください。