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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेक बटन पर क्लिक करने पर -
डेवलपर टूल में कंसोल टैब में लोकलस्टोरेज दर्ज करने पर -