2016-07-30 10 views
3

javascript経由でブラウザに読み込み中止ボタンが押された場合、またはページがまだ読み込まれているかどうかを検出する方法はありますか?スクリプトを想定しjavascript経由でブラウザーでボタンを押してもボタンが押されたのを検出する方法はありますか?

+3

私はあなたができると思ういけません。 JSは窓の外に出てこない。あなたのリソースをチェックし、それが利用できない場合は適切に処理することができます – Rajesh

+0

@Rajesh 0それを行うには?それ自身をテストするresourcがロードされていない場合は? – Rayon

+0

@Rayon Thats本当ですが、ユーザーがあなたのプロセスを意識的に殺している場合、何か処理を保証できるものがあるかどうかはわかりません。 – Rajesh

答えて

0

は、ブラウザではなく「停止ロードボタン」が押された場合、これはこれを使用して実行可能な選択肢

かもしれない実行を停止するには、まだあなたに良いスタートを与えるであろうけれども、非ロードされたリソースを持つことができます達します。

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta http-equiv='content-type' content='text/html; charset=UTF-8' /> 
 
    <script type='text/javascript'> 
 
    
 
    var DomLoaded = { 
 
     done: false, 
 
     onload: [], 
 
     loaded: function() { 
 
     if (DomLoaded.done) return; 
 
     DomLoaded.done = true; 
 
     if (document.removeEventListener) { 
 
      document.removeEventListener('DOMContentLoaded', DomLoaded.loaded, false); 
 
     } 
 
     for (i = 0; i < DomLoaded.onload.length; i++) DomLoaded.onload[i](); 
 
     }, 
 
     load: function(fireThis) { 
 
     this.onload.push(fireThis); 
 
     if (document.addEventListener) { 
 
      document.addEventListener('DOMContentLoaded', DomLoaded.loaded, false); 
 
     } else { 
 
      /*IE<=8*/ 
 
      if (/MSIE/i.test(navigator.userAgent) && !window.opera) { 
 
      (function() { 
 
       try { 
 
       document.body.doScroll('up'); 
 
       return DomLoaded.loaded(); 
 
       } catch (e) {} 
 
       if (/loaded|complete/.test(document.readyState)) return DomLoaded.loaded(); 
 
       if (!DomLoaded.done) setTimeout(arguments.callee, 10); 
 
      })(); 
 
      } 
 
     } 
 
     /* fallback */ 
 
     window.onload = DomLoaded.loaded; 
 
     } 
 
    }; 
 

 
    DomLoaded.load(function() { 
 
     var d = document; 
 
     if (d.getElementsById('loaded-checker')) { 
 
     // loaded 
 

 
     } else { 
 
     // not loaded 
 

 
     } 
 
    }); 
 
    </script> 
 
    <link rel='stylesheet' type='text/css' href='/css/style.css' /> 
 
    <script src="/js/script.js"></script> 
 
</head> 
 

 
<body> 
 

 

 
    <div class="main-header"></div> 
 
    <div class="main-content"></div> 
 
    <div class="main-footer"></div> 
 

 
    <div id="loaded-checker"></div> 
 

 
</body> 
 

 
</html>

関連する問題