jQuery लिंक

Question

बंद खींचें के बाद फायरिंग नहीं mouseup

इस jsfiddle देखें:

http://jsfiddle.net/CB87X/6/

क्लिक करें बटन दबाए रखें, बटन और रिलीज से खींचें। जैसा कि आप देख सकते हैं, माउस बटन जारी होने पर माउस तत्व तत्व पर नहीं है, तो माउसअप घटना कभी नहीं होती है। इस प्रकार, मेरे उदाहरण में स्टाइल कभी भी मूल में बदल नहीं जाता है। क्लिक किए गए तत्व पर नहीं होने पर माउस बटन जारी होने पर आप माउसअप ईवेंट को कैसे फायर करते हैं?

संपादित 1: बीटीडब्ल्यू मैंने इस साइट पर कई समाधानों को देखा है, उन्हें लागू किया है, और माउसअप घटना अभी भी आग नहीं आई है।

Answer 1

mouseup ईवेंट पॉइंटर कहां से संबंधित है और यह व्यवहार की अपेक्षा की जाती है। यदि आप अपने बटन को ठीक से शैली में रखना चाहते हैं, तो mouseleave ईवेंट को बाध्य करें।

Answer 2

एक काम उदाहरण प्रदान करने के लिए अपने उदाहरण काँटेदार:

http://jsfiddle.net/67Rrs/2/

एक बार बटन mousedown एड है, एक घटना अगले mouseup के लिए बाध्य है, जहाँ भी यह है कि शैली रीसेट करता है, होता है।

Answer 3

यह चाल करना चाहिए। यदि आपने बटन (.but) पर क्लिक किया है और खींचें, तो आप पृष्ठ पर कहीं भी mouseup कर सकते हैं और फिर भी क्लिक ईवेंट को आग लगा सकते हैं। यदि आप mouseleave पृष्ठ 'बॉडी' और mouseup, bind ed mouseleave ईवेंट unbind एड है।

$('.but').mousedown(function(e) { 
    if (e.which == 1) { 
     var $this = $(this); 
     $this.bind('mouseleave', function(){ 
      $('body').one('mouseup', function() { 
       $this.click(); 
      }); 
     }); 
     $this.mouseup(function() { 
      $(this).unbind('mouseleave'); 
     }); 
    } 
});