Sự kiện Storage trong HTML DOM

Sự kiện storage trong HTML DOM kích hoạt khi có thay đổi trong khu vực lưu trữ của cửa sổ. Sự kiện storage chỉ kích hoạt nếu cửa sổ khác thay đổi storage cho cửa sổ hiện tại. Sự kiện này không nổi bọt (doesn't bubble) và có thể hủy bỏ (cancellable).

Cú pháp

Cú pháp để lắng nghe sự kiện storage:

window.addEventListener("storage", SCRIPT);

Ví dụ

Ví dụ minh họa cho sự kiện Storage:

<!DOCTYPE html> <html> <body> 
<h1>Ví dụ sự kiện Storage</h1> 
<p>Tạo localStorage item visits bằng cách nhấn nút dưới đây</p> 
<button onclick="CreateVisits()">TẠO</button> 
<p id="Sample"></p> 
<script> 
    var y = 1; 
    window.addEventListener("storage", DisplayChange); 
    function DisplayChange(event) { 
        document.getElementById("Sample").innerHTML = "Số lượt truy cập đã được cập nhật"; 
    } 
    function CreateVisits() { 
        y++; 
        var x = window.open("", "WINDOW_1", "width=350,height=350"); 
        x.localStorage.setItem("VISITS", y); 
        setTimeout(function() { x.close(); }, 4000); 
    } 
</script> </body> </html>

Kết quả

Khi nhấn "TẠO", mở cửa sổ mới, set localStorage trong cửa sổ đó, sự kiện storage kích hoạt ở cửa sổ gốc, hiển thị thông báo cập nhật.