Panzoom: Panzoom नवीनतम Chrome पर उप-आइटमों के मूसडाउन ईवेंट को छुपाता है

मुझे एक ही समस्या है, क्रोम v55। मेरे पास खींचने योग्य विंडो है, और मैं बच्चों के लिए मूसडाउन ईवेंट प्राप्त करना चाहता हूं इसे ठीक करने के लिए आपने क्या किया? क्या आपके पास परिवर्तन के साथ एक शाखा है, मैं अभी के लिए फंस गया हूँ।

आपकी शाखा मिली और यह मेरी समस्या को बहुत अच्छी तरह से ठीक करती है। धन्यवाद यूरीगोर यह अद्भुत है

मदद करने के लिए खुश!
किसी को, जिसे भी इसकी आवश्यकता है, यहाँ एक सीधा लिंक है:
https://github.com/YuriGor/jquery.panzoom/tree/ignoreChildrensEvents/dist

@timmywil , अगर आप मेरे परिवर्तनों को मर्ज करना चाहते हैं, तो कृपया मुझे
मैं द्वारा लाइवरीलोड शुरू करता हूँ
grunt watch:dev
लेकिन यह काम नहीं करता।
http://localhost :35711/ पर मेरे पास है
{"tinylr":"Welcome","version":"0.2.1"}
और कम से
http://localhost :35711/test/index.html
या
http://localhost :35711/demo/index.html
मेरे पास है
{"error":"not_found","reason":"no such route"}

बहुत - बहुत धन्यवाद। यह फिक्स मेरे लिए पर्याप्त नहीं था लेकिन मैंने इसे अपने मामले के लिए ठीक करने के लिए खुद को कुछ जोड़ा। (मेरे कई नेस्टेड बच्चे हैं, उनमें से कुछ को नज़रअंदाज़ किया जाना चाहिए और अन्य को नहीं करना चाहिए)

@timmywil क्या इस विकल्प के साथ एक नया संस्करण जारी करना संभव है?

संपादित करें: असल में मेरे पास रोमी 45 जैसा ही मुद्दा है। मैं

संपादित करें 2: यह सूचीबद्ध करने का विकल्प कि किन तत्वों को अनदेखा करना है, सहायक होगा, जैसे:

ignoreChildEventsFrom: [".things-to-ignore1", ".things-to-ignore2"]

संपादित करें 3: मुझे लगता है कि मुझे अक्सर पूछे जाने वाले प्रश्नों में समाधान मिल गया होगा "यदि वे पैनज़ूम तत्व के भीतर हैं तो मैं लिंक कैसे काम करूं?"।

मैं जो करता हूं वह 969 लाइन पर रोकथाम डिफॉल्ट पर टिप्पणी करना है। रोकथाम डिफॉल्ट घटना को अपने बच्चों तक पहुंचने से रोक देगा।

@खनाज़ ,

मेरी समझ से, preventDefault एक तत्व (एक बच्चे या स्वयं पैनज़ूम तत्व) से जुड़ी डिफ़ॉल्ट कार्रवाई को रोक देगा, और stopPropagation घटनाओं को मूल तत्व में बुलबुले होने से रोक देगा।

एफएक्यू में एक सरल और सुरुचिपूर्ण समाधान है:

1. मैं लिंक कैसे काम कर सकता हूँ अगर वे एक Panzoom तत्व के भीतर हैं? उदाहरण

• माउसडाउन और टचस्टार्ट इवेंट के लिए इवेंट प्रचार रोक दिया जाता है ताकि पैनज़ूम तत्वों के भीतर पैनज़ूम तत्वों की अनुमति मिल सके। लिंक को ठीक करने के लिए, एक ईवेंट हैंडलर को बाइंड करें जो ईवेंट को Panzoom हैंडलर तक पहुँचने से रोकता है:

$('.panzoom a').on('mousedown touchstart', function( e ) {
  e.stopImmediatePropagation();
});

इसके लिए स्वयं पुस्तकालय में किसी परिवर्तन की आवश्यकता नहीं है।

हाय @ ग्लेन -84

हां, रोकथाम डिफॉल्ट डिफ़ॉल्ट कार्रवाई को रोक देगा। लेकिन, जब पॉइंटरडाउन भेजा और सुना जा रहा है, तो यह बच्चे से माउसडाउन को भी रोकेगा।

क्रोम में 55 पॉइंटरडाउन अब डिस्पैच हो गया है और माइक्रोसॉफ्ट एज पहले से ही पॉइंटरडाउन को लागू कर रहा है।

मेरे मामले में, पैनज़ूम को पॉइंटरडाउन पर सुना जाता है, और बच्चे माउसडाउन को सुनते हैं।

इसके लिए मेरा जेएसबीन यहां है:

https://jsbin.com/yozotuxina/edit?js

@खनाज़ ,

आप बस बच्चे पर pointerdown सुन सकते हैं और तत्काल प्रचार को रोक सकते हैं ...

https://jsbin.com/sicapuledo/edit?html ,js,console,output

नमस्ते,

मैंने आपकी सुविधा में थोड़ा सुधार किया है। मैं आपके विकल्प को कक्षा के संभावित सरणी में ओवरराइड करता हूं। लक्ष्य केवल घटनाओं को अनदेखा करना है यदि बच्चों के पास सूचीबद्ध वर्ग में से एक है। बेशक, जैसे ही आपने इसे लागू किया, मूल्य को सही काम पर सेट करना।

मेरे पास वास्तव में ठीक से फोर्क करने और पुल अनुरोध करने का समय नहीं है। कृपया उस छोटे से सुधार को शामिल करें और मुख्य भंडार में खींचने का अनुरोध करें।

यहां आपकी फोर्क लाइन 959 से अपडेट किया गया कोड है:

if (!options.disablePan || !options.disableZoom) {
    events[ str_start ] = function(e) {
        if(options.ignoreChildrensEvents) {
            if($.isArray(options.ignoreChildrensEvents)) {
                if(options.ignoreChildrensEvents.find(function(c){return $(e.target).hasClass(c);})) {
                    return;
                }
            }
            else if(e.target !== this){
                return;
            }
        }

        var touches;
                /* rest of code */

ignChildrensEvents विकल्प को सही, गलत या ['चाइल्ड-क्लास1', 'चाइल्ड-क्लास2'] के रूप में परिभाषित किया जा सकता है।

सादर

कृपया एक नया संस्करण जारी करें जिसमें इग्नोर चिल्ड्रेन्सएवेंट शामिल हैं