मैं सत्र स्टोरेज में ईवेंट कैसे बांधूं?

Question

मैं सफलतापूर्वक localStorage (jQuery का उपयोग) करने के लिए एक बदलाव के लिए एक घटना बाध्य कर सकते हैं:

$(window).bind('storage', function(e) 
{ 
    alert('change'); 
}); 

localStorage.setItem('someItem', 'someValue'); 

अगर मैं sessionStorage उपयोग करते हैं, घटना नहीं आग:

$(window).bind('storage', function(e) 
{ 
    alert('change'); 
}); 

sessionStorage.setItem('someItem', 'someValue'); 

क्यों है?

Answer 1

यही वह तरीका है जो मुझे लगता है। spec से (जोर जोड़ा):

setItem(), removeItem(), और clear() तरीकों, पर है कि एक सत्र भंडारण क्षेत्र से संबंधित है जो एक Storage वस्तु एक्स कहा जाता है जब यदि तरीकों हर में, कुछ किया तो दस्तावेज़ वस्तु जिसका विंडो वस्तु की sessionStorage विशेषता के भंडारण वस्तु ही भंडारण क्षेत्र के साथ जुड़ा हुआ है, एक्स, एक भंडारण घटना

निकाल दिया जाना चाहिए के अलावा अन्य 210

I सोचें कि इसका मतलब यह है कि ईवेंट सत्र संग्रहण ऑब्जेक्ट को साझा करने वाले किसी भी अन्य दस्तावेज़ में निकाल दिया जाएगा, लेकिन दस्तावेज़ नहीं जिससे घटना को आग लग गई।

अद्यतन

यहाँ एक और very similar question जो मैं क्या ऊपर उल्लेख किया गया है (उत्तर कल्पना से ही पैरा उद्धरण) के साथ सहमत करने लगता है।

Answer 2

sessionStorage प्रत्येक टैब के लिए अलग है, इसलिए वे संवाद नहीं कर सकते हैं। sessionStorage के लिए ईवेंट केवल उसी टैब पर फ़्रेम के बीच ट्रिगर किए जाते हैं।

संपादित करें:

मैं निम्न उदाहरण दिया है:

http://codepen.io/surdu/pen/QGZGLO?editors=1010

उदाहरण पृष्ठ दो बटन है कि एक स्थानीय और एक सत्र भंडारण परिवर्तन को गति प्रदान की है।

यह भी एक और codepen कि भंडारण की घटनाओं परिवर्तनों को सुनता के लिए एक iframe एम्बेड करता है: (। आप इस एक अलग टैब में खोला रखना चाहिए)

http://codepen.io/surdu/pen/GNYNrW?editors=1010

आप देखेंगे कि जब आप प्रेस "स्थानीय लिखें" बटन, आईफ्रेम और खोले गए टैब दोनों में ईवेंट कैप्चर किया जाता है, लेकिन जब आप "सत्र लिखना" दबाते हैं तो केवल एम्बेडेड आईफ्रेम ईवेंट को कैप्चर करता है।

Answer 3

इस प्रश्न को कुछ विचार मिल रहे हैं, इसलिए मैं इसे अतिरिक्त जानकारी के रूप में पोस्ट करूंगा।

मामले में आप sessionStorage वस्तु के बारे में अपडेट करने के लिए विशेष रूप से प्रतिक्रिया करने के लिए चाहते हैं, तो आप सिर्फ localStorage की वजह से घटनाओं को अनदेखा कर सकते हैं:

$(window).on('storage',function(e){ 
    if(e.originalEvent.storageArea===sessionStorage){ 
    alert('change'); 
    } 
    // else, event is caused by an update to localStorage, ignore it 
}); 

मैं jQuery नफरत है, तो के रूप में अच्छी तरह से एक देशी संस्करण पोस्ट करेंगे:

window.addEventListener('storage',function(e){ 
    if(e.storageArea===sessionStorage){ 
    alert('change'); 
    } 
    // else, event is caused by an update to localStorage, ignore it 
});