কম্পিউটার

HTML DOM স্টোরেজ ইভেন্ট


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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM স্টোরেজ ইভেন্ট

চেক বোতামে ক্লিক করলে -

HTML DOM স্টোরেজ ইভেন্ট

ডেভেলপার টুল-

-এ কনসোল ট্যাবে লোকাল স্টোরেজ এ প্রবেশ করার সময়

HTML DOM স্টোরেজ ইভেন্ট


  1. HTML DOM টাচস্টার্ট ইভেন্ট

  2. HTML DOM টাচমুভ ইভেন্ট

  3. HTML DOM TouchEvent বৈশিষ্ট্য স্পর্শ করে

  4. HTML DOM ইভেন্ট টাইপ প্রপার্টি