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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক বোতামে ক্লিক করলে -
ডেভেলপার টুল-
-এ কনসোল ট্যাবে লোকাল স্টোরেজ এ প্রবেশ করার সময়