पता लगाएँ कि जब एक माउस Glio.js के साथ खिड़की छोड़ता है

टैब को बंद करने और नोटिस करने के लिए आप कितनी बार जाते हैं मोडल विंडो आपको रहने के लिए कह रही है? आजकल यह आम बात लगती है और यह एक कारण से किया जाता है: यह काम करता है!

आप का उपयोग करके एक समान प्रभाव का निर्माण कर सकते हैं Glio.js पुस्तकालय. उपयोगकर्ता के माउस कर्सर होने पर यह पता लगाने के लिए एक मुफ्त ओपन-सोर्स जेएस स्क्रिप्ट है किनारे के करीब हो रही है या जब यह ब्राउज़र विंडो छोड़ देता है.

यह कोशिश करने के लिए इस्तेमाल किया जा सकता है अपनी साइट पर आगंतुकों को रखने. लेकिन, इसका उपयोग भी किया जा सकता है गतिशील प्रभाव पैदा करते हैं अगर उपयोगकर्ता का माउस स्क्रीन के एक तरफ तक जाता है.

आप इनमें से बहुत कुछ पाएंगे इरादे से बाहर निकलें स्क्रिप्ट सभी वेब पर और उनमें से अधिकांश हैं अनुकूलित करने के लिए कठिन है. लेकिन, यही Glio.js को इतना शानदार बनाता है.

यह एक शक्तिशाली पुस्तकालय है आपको नियंत्रण देता है आप स्क्रीन के साथ क्या करते हैं। यदि आपके उपयोगकर्ता का माउस आपके द्वारा छोड़ा गया ब्राउज़र छोड़ देता है एक मोडल प्रदर्शित करें, या पृष्ठभूमि का रंग बदलें, या बिल्कुल कुछ नहीं.

इसके साथ भी आता है बिल्ट-इन हॉट स्पॉट जब भी आप उपयोगकर्ता के माउस को स्क्रीन के चार कोनों में से किसी के करीब पाते हैं, तो आप देख सकते हैं। आप भी कर सकते हैं कॉलबैक विधि को परिभाषित करें तथा कर्सर कितना पास होना चाहिए कुछ भी चलाने से पहले.

Glio का उपयोग करने के लिए, बस एक कॉपी डाउनलोड करना होगा गिटहब से और इसे स्थापित करें। आप एक प्रति भी खींच सकते हैं Bower, npm से, या सीधे CDN से.

आपके पृष्ठ की स्क्रिप्ट के साथ, आप बस इस कोड की एक पंक्ति जोड़ें (अपने विकल्पों के साथ अनुकूलित):

 glio.init ([दिशा, कॉलबैक]); 

दिशा विकल्प हो सकता है किसी भी कोने (जैसे. “बाएं से बाएं”) या “चोटी”, स्क्रीन के शीर्ष का प्रतिनिधित्व करना। आपका कॉलबैक फ़ंक्शन है जो भी जेएस कोड आप चलाना चाहते हैं जब उपयोगकर्ता का माउस बहुत करीब हो जाता है। अन्य विकल्प आपको परिभाषित करने देता है दिशा बिंदु से दूरी, आप संबंधित जानकारी GitHub पर पा सकते हैं.

इसलिए, यदि आप एक सरल स्क्रिप्ट की तलाश कर रहे हैं निकास इरादे का पता लगाएं ग्लियो एक संसाधन होना चाहिए.