เหตุการณ์การจัดเก็บ HTML DOM จะทริกเกอร์เมื่อมีการเปลี่ยนแปลงในพื้นที่จัดเก็บของหน้าต่าง เหตุการณ์การจัดเก็บจะถูกทริกเกอร์ก็ต่อเมื่อหน้าต่างอื่นทำให้พื้นที่จัดเก็บเปลี่ยนแปลงสำหรับหน้าต่าง กิจกรรมนี้ไม่มีฟองและสามารถยกเลิกได้เช่นกัน
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
window.addEventListener("storage", SCRIPT); ตัวอย่าง
ให้เราดูตัวอย่างสำหรับเหตุการณ์การจัดเก็บ -
<!DOCTYPE html>
<html>
<body>
<h1>Storage Event Example</h1>
<p>Create the visit localStorage item by clicking the below button</p>
<button onclick="CreateVisits()">CREATE</button>
<p id="Sample"></p>
<script>
var y=1;
window.addEventListener("storage", DisplayChange);
function DisplayEvent(event) {
document.getElementById("Sample").innerHTML = "The number of visits has been updated";
}
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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มตรวจสอบ -
เมื่อเข้าสู่ localstorage ในแท็บคอนโซลในเครื่องมือสำหรับนักพัฒนา -
