javascript प्रोग्रामिंग फ़ायर एचटीएमएल 5 ढालना के बाद माउसमफे



html5 drag-and-drop (1)

ऐसा तंत्र दिखाई देता है जो सामान्य रूप से ड्रैगर्ट को अन्य घटनाओं की आशंका करता है जो आमतौर पर ड्रैग्रेस्ट का पालन करते हैं और तदनुसार उन्हें आग लगाते हैं।

इसलिए यदि आप अपने आप से ड्रैगर्ट घटना को फायरिंग कर रहे हैं, तो आपको शेष प्रक्रिया प्रक्रिया को लागू करना होगा, स्वयं,

आपकी समस्या को हल करने के लिए, विशेष रूप से, मैं सुझाव देता हूं कि आप निम्नानुसार उपयोगकर्ता अनुभव बनाते हैं:

  1. खींचने को सक्षम करने के लिए उपयोगकर्ता को संबंधित क्षेत्र पर क्लिक करने का निर्देश देना
  2. उपयोगकर्ता के क्षेत्र पर क्लिक करने के बाद, यह दर्शाने के लिए एक राय दिखाएं कि ड्रैगिंग अब इस्तेमाल किया जा सकता है

इसका मतलब यह है कि आपको क्या करना चाहिए, यह है कि ड्रैग और ड्रॉप एपीआई की वर्तमान स्थिति के आधार पर उपयोगकर्ता के अनुभव को सुधारना है।

मैं वर्तमान में HTML5 ड्रैग ड्रॉ के साथ संघर्ष कर रहा हूं क्योंकि मैं कुछ खास हासिल करना चाहता हूं।

मेरे पास एक ऐसा डिवि है जिसे HTML5 API का उपयोग करके खींच लिया जा सकता है, लेकिन मैं केवल ड्रैग को तब ही प्राप्त करना चाहता हूं जब उपयोगकर्ता वास्तव में इसका अर्थ करता है (जैसा कि बाद में कुछ और हैंडलर को चालू करता है)।

यही कारण है कि जब मैं एक निश्चित स्थिति को mousemove से मिला है तब मैं एक dragstart चालू करता हूं

var fnMousemove = function (oEvent) {
    if (myCondition) {
        document.removeEventListener("mousemove", fnMousemove);
        oDraggable.setAttribute("draggable", true);
        oDraggable.addEventListener("dragstart", fnDragstart);
        oDraggable.addEventListener("drag", fnDrag);
        oDraggable.addEventListener("dragend", fnDragend);

        // Fire a dragstart event, now that we know what to do with it
        var e = document.createEvent("MouseEvents"); //$NON-NLS-1$
        e.initEvent("dragstart"); //$NON-NLS-1$
        oDraggable.dispatchEvent(e);
    }
};

लेकिन जैसा कि आप पहले से अनुमान लगा सकते हैं, यह इस अर्थ में काम नहीं कर रहा है कि dragend ठीक से निकाल दिया गया है, लेकिन कोई अन्य खींचें ईवेंट ( drag , drag ...) नहीं है।

क्या ऐसा कुछ है जो मैं वहां ठीक से संभाल नहीं रहा हूं? या फिर आप ब्राउज़र के ड्रैग ड्रॉप को एक माउसमोव हैंडलर से लॉन्च करने के लिए एक वैकल्पिक हल देख सकते हैं? (माउस बटन को नीचे रखा जा रहा है)

अग्रिम में धन्यवाद!

आप यहाँ एक साधारण चल रहे उदाहरण पा सकते हैं





html5-draggable