Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5/JSストレージイベントハンドラー

ストレージイベントハンドラーは、ストレージイベントが別のウィンドウによってトリガーされた場合にのみ起動します。次のコードを実行してみてください：

// event handler
window.addEventListener('storage', storageEventHandlerFunc, false);

function storageEventHandlerFunc(evt) {
   alert("Storage event called key: " + event.key );
   switch(event.key){
      case 'one':
      case 'two': batteryDCMeter(); break;
      case 'extPowerOn': rechargeBattery(); break;
   }
}
sessionStorage.setItem("someKey", "someValue");

  1. HTML5 localStorageとsessionStorageの使い方は？

    HTML5では、HTTPセッションCookieと同様に、構造化データをクライアント側に保存し、次の欠点を克服するための2つのメカニズムが導入されました。 CookieはすべてのHTTPリクエストに含まれているため、同じデータを送信することでWebアプリケーションの速度が低下します。 Cookieは約4KBのデータに制限されています。必要なデータを保存するには不十分です。 ストレージの2つのメカニズムは、セッションストレージとローカルストレージであり、さまざまな状況を処理するために使用されます。 セッションストレージ セッションストレージは、ユーザーが単一のトランザクションを実行してい

  2. HTMLDOMストレージイベント

    HTML DOMストレージイベントは、ウィンドウのストレージ領域に変更があったときにトリガーされます。ストレージイベントは、他のウィンドウがウィンドウのストレージ領域を変更した場合にのみトリガーされます。このイベントはバブルせず、キャンセルすることもできます。 構文 以下は、-の構文です。 window.addEventListener("storage", SCRIPT); 例 ストレージイベントの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Storage Event Exa