2013-12-17 6 views
7

मैं एक विंडो आकार बदलने के अंत में माउसअप घटना का पता लगाने के लिए एक रास्ता तलाश रहा हूं (जब खींचने से किया जाता है)। मेरी प्रयोजनों के लिए करने के लिए ठीक है एक "ड्रैग-आकार" को परिभाषित आकार बदलने कि एक के बीच जगह लेता है के रूप में: (AFAICT, इस घटना को एक resize हैंडलर द्वारा $(window) पर या $(document) पर उठाया जाता है नहीं।)विंडो आकार के अंत में माउसअप का पता लगाने के लिए कैसे?

पी एस mousedown (खिड़की पर एक उपयुक्त आकार बदलने वाले स्थान पर) और इसके संबंधित माउसअप घटना, उपयोगकर्ता द्वारा किए जा सकने वाले किसी भी विराम को अनदेखा करते हुए, माउस बटन को दबाकर, उन दो अंत बिंदुओं के बीच।

+2

आईई एक 'resizeEnd (है)' घटना है, लेकिन आप कुछ और अधिक पार की आवश्यकता होगी -browser। मेरा सबसे अच्छा अभ्यास मेरा मानना ​​है कि ब्राउज़र को "आकार बदलने से रोकना" का इंतजार करना है, जैसा कि "आपके माउस नीचे हैं लेकिन * x * समय के लिए इसके साथ कुछ भी नहीं किया है।" जब वह समय समाप्त हो जाता है, तो आप एक ईवेंट बढ़ा सकते हैं। उदाहरण के लिए यहां देखें: http://stackoverflow.com/questions/5489946/jquery-how-to-wait-for-the-end-or-resize-event-and-only-then-perform-an-ac –

+0

चार साल, और किसी के पास कोई जवाब नहीं है? किसी को? किसी को? ब्युलर्स? –

उत्तर

1
$ npm install resizeend 

या अपने पेज में जोड़ने:

<script src="https://raw.githubusercontent.com/jeremenichelli/resizeend/master/dist/resizeend.min.js"></script> 

और फिर बस घटना का उपयोग करें:

window.addEventListener('resizeend', function() { 
    alert('You are not resizing the window anymore!'); 
}); 
संबंधित मुद्दे