jQuery में off विधि
on के माध्यम से बंधे इवेंट्स को हटाना,
off विधि की सहायता से किया जाता है।
यह पहले पैरामीटर के रूप में इवेंट का प्रकार
(उदाहरण के लिए, 'click') लेती है, और दूसरे पैरामीटर के रूप में - उस फ़ंक्शन का नाम, जिसे हटाया जाना है।
आइए निम्नलिखित उदाहरण पर विचार करें। मान लीजिए कि हमारे पास HTML कोड है:
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
CSS में li टैग के लिए स्टाइल निर्दिष्ट है:
li {
width: 100px;
cursor: pointer;
}
आइए ऐसा करें कि li पर पहली बार
क्लिक करने के बाद, उससे इवेंट हट जाए:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
सूची के आइटम्स पर क्लिक करके देखें। आप देखेंगे कि उसी सूची आइटम पर दोबारा क्लिक करने पर कुछ नहीं होता, क्योंकि
append विधि को निष्पादित करने के बाद
हमारा फ़ंक्शन func, off विधि द्वारा हट जाता है।
सभी लिंक्स से एक इवेंट बांधें -
लिंक पर हॉवर करने पर उसके टेक्स्ट के अंत में
उसका href गोल कोष्ठक में जुड़ जाए।
लिंक पर पहली बार हॉवर करने के बाद
उस इवेंट को हटा दें, जो
टेक्स्ट के अंत में href जोड़ता है।
सभी इनपुट्स के लिए ऐसा करें कि वे
उनमें से किसी पर भी क्लिक करने पर अपना
value प्रदर्शित करें, लेकिन केवल
पहली बार क्लिक करने पर ही।
इनपुट पर दोबारा क्लिक करने पर
कोई प्रतिक्रिया नहीं होनी चाहिए।
संख्याओं वाले पैराग्राफ दिए गए हैं। पैराग्राफ पर क्लिक करने पर उसमें उस संख्या का वर्ग दिखाई देना चाहिए, जो उसमें है, लेकिन केवल पहली बार क्लिक करने पर। पैराग्राफ पर डबल क्लिक करने पर उसमें मौजूद संख्या दोगुनी हो जानी चाहिए, लेकिन वह भी केवल पहली बार।
