Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम स्टोरेज इवेंट

<घंटा/>

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>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम स्टोरेज इवेंट

चेक बटन पर क्लिक करने पर -

एचटीएमएल डोम स्टोरेज इवेंट

डेवलपर टूल में कंसोल टैब में लोकलस्टोरेज दर्ज करने पर -

एचटीएमएल डोम स्टोरेज इवेंट


  1. HTML DOM टचमूव इवेंट

    HTML DOM टचमूव इवेंट ट्रिगर होता है जब टच को टच स्क्रीन पर ले जाया जाता है। ध्यान दें - यह इवेंट केवल टच डिवाइस के लिए है। निम्नलिखित वाक्य रचना है - HTML में ट्रिगर टचमूव इवेंट - ontouchmove = "eventFunction()" जावास्क्रिप्ट में ट्रिगर टचमूव इवेंट - eventObject.ontouchmove = eventFunct

  1. HTML DOM TouchEvent संपत्ति को छूता है

    एचटीएमएल डोम टचइवेंट स्पर्श संपत्ति स्पर्श सतह पर ट्रिगर किए गए सभी संपर्क बिंदुओं की सूची के अनुरूप एक टचलिस्ट ऑब्जेक्ट देता है। नोट:यदि निर्दिष्ट नोड या उसके किसी भी चाइल्ड नोड पर कोई स्पर्श ट्रिगर होता है, तो निम्न स्पर्शों की गणना की जाएगी, भले ही वे एक ही नोड पर ट्रिगर न हों। निम्नलिखित वाक्य

  1. एचटीएमएल डोम घटना प्रकार संपत्ति

    HTML DOM इवेंट टाइप प्रॉपर्टी इवेंट के प्रकार जैसे क्लिक, कीप्रेस, लोड या टचएंड के अनुरूप एक स्ट्रिंग लौटाती है। निम्नलिखित वाक्य रचना है - ट्रांज़िशन चलने वाले सेकंड की वापसी संख्या - event.type आइए ईवेंट प्रकार . का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head>