जब आप इनलाइन का उपयोग करते हैं , तो सभी तत्व डोम और एस और किसी अन्य एचटीएमएल तत्व की तरह ही हैं।
यदि आपके पास SVG है जैसे:
और आप करते हैं:
var rect = document.getElementById("foo");आपको उसका संदर्भ मिलेगा ।
और इतना ही नहीं, आप ईवेंट श्रोताओं को संलग्न कर सकते हैं जो आपके अपेक्षा के अनुरूप काम करते हैं। और आप विशेषताओं और कुछ और को समायोजित कर सकते हैं जो आप जावास्क्रिप्ट के साथ करने में सक्षम होने की उम्मीद करेंगे।
कम से कम एक गोच हालांकि, मुझे मिल गया है। हम अक्सर घटना श्रोताओं को लिंक, प्रगतिशील वृद्धि शैली से जोड़ते हैं। गैर-तुच्छ जावास्क्रिप्ट वास्तुकला में, यह संभावना है कि उन श्रोताओं ने घटना को अन्य कार्यों के लिए पास किया जो कार्यक्षमता को संभालते हैं। thisउन स्थितियों में कीवर्ड पर भरोसा करना मुश्किल हो जाता है और अक्सर इसकी सिफारिश नहीं की जाती है। इसके बजाय, चूंकि आपके पास है event, आप उपयोग कर सकते हैं event.target। यह सिर्फ उतना ही मुश्किल हो सकता है, क्योंकि इनलाइन एसवीजी के साथ लक्ष्य लिंक हो सकता है, एसवीजी तत्व ही, या एसवीजी आकार में से कोई भी।
समाधान एक अपेक्षित स्थान पर DOM को वापस करने के लिए है। या कोशिश करो और स्थिति से बिल्कुल भी बचें:
svg ( pointer-events: none; )यदि मैं अनुशंसा करता हूं कि यदि आप स्वयं SVG के भीतर किसी भी अन्तरक्रियाशीलता का उपयोग करने की योजना नहीं बनाते हैं।