ভূমিকা
HTML DOM স্টোরেজ ইভেন্ট ট্রিগার হয় যখন উইন্ডোর স্টোরেজ এরিয়ায় কোনো পরিবর্তন হয়। স্টোরেজ ইভেন্ট শুধু তখন ট্রিগার হয় যখন অন্য উইন্ডো একটি উইন্ডোর জন্য স্টোরেজ এরিয়ায় পরিবর্তন আনয়। এই ইভেন্ট বাবল করে না এবং ক্যান্সেলযোগ্যও।
সিনট্যাক্স
সিনট্যাক্স:
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 লিখলে:
