HTML DOM Storage इवेंट तब ट्रिगर होता है जब विंडो के स्टोरेज क्षेत्र में कोई परिवर्तन होता है। स्टोरेज इवेंट केवल तभी ट्रिगर होता है जब दूसरी विंडो किसी विंडो के लिए स्टोरेज क्षेत्र में परिवर्तन करती है। यह इवेंट बबल नहीं करता और कैंसिलेबल भी होता है।
सिंटैक्स
सिंटैक्स:
window.addEventListener("storage", SCRIPT);
उदाहरण
Storage Event का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body>
<h1>Storage Event Example</h1>
<p>नीचे दिए गए बटन पर क्लिक करके visit localStorage आइटम बनाएं</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>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
CHECK बटन पर क्लिक करने पर:
डेवलपर टूल्स के कंसोल टैब में localStorage दर्ज करने पर:
