मोबाइल पर mootools के साथ खींचें

Question

क्या सफारी मोबाइल पर mootools class "drag" को काम करने का कोई तरीका है? कृपया मुझे अन्य ढांचे से लिंक न करें।

Answer 1

क्या आप https://github.com/kamicane/mootools-touch आज़मा सकते हैं?

Answer 2

मैंने इसे स्वयं ठीक कर दिया है। घटनाओं को छूने के लिए माउस इवेंट मैप करना उतना ही आसान है।

mousedown -> touchstart 
mouseup -> touchend 
mousemove -> touchmove 

Answer 3

यहाँ Mootools खींचें समर्थन स्पर्श इवेंट बनाने के लिए अपने समाधान था:

तो समाधान खोज करने के लिए & की जगह है। इस विधि मुझे आवश्यकता नहीं किया था mootools अधिक फ़ाइल को संपादित करने के बाद से मैं Class.refactor इस्तेमाल किया (यह केवल Mootools v.1.3.1 के साथ परीक्षण किया जाता है) - यह भी नष्ट नहीं होती है सामान्य क्लिक ईवेंट

Class.refactor(Drag, 
    { 
     attach: function(){ 
      this.handles.addEvent('touchstart', this.bound.start); 
      return this.previous.apply(this, arguments); 
     }, 

     detach: function(){ 
      this.handles.removeEvent('touchstart', this.bound.start); 
      return this.previous.apply(this, arguments); 
     }, 

     start: function(event){ 
      document.body.addEvents({ 
       touchmove: this.bound.check, 
       touchend: this.bound.cancel 
      }); 
      this.previous.apply(this, arguments); 
     }, 

     check: function(event){ 
      if (this.options.preventDefault) event.preventDefault(); 
      var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); 
      if (distance > this.options.snap){ 
       this.cancel(); 
       this.document.addEvents({ 
        mousemove: this.bound.drag, 
        mouseup: this.bound.stop 
       }); 
       document.body.addEvents({ 
        touchmove: this.bound.drag, 
        touchend: this.bound.stop 
       }); 
       this.fireEvent('start', [this.element, event]).fireEvent('snap', this.element); 
      } 
     }, 

     cancel: function(event){ 
      document.body.removeEvents({ 
       touchmove: this.bound.check, 
       touchend: this.bound.cancel 
      }); 
      return this.previous.apply(this, arguments); 
     }, 

     stop: function(event){ 
      document.body.removeEvents({ 
       touchmove: this.bound.drag, 
       touchend: this.bound.stop 
      }); 
      return this.previous.apply(this, arguments); 
     } 
    });