2012-08-12 12 views
32

क्या यह एक div सेट के बच्चे के लिए सूचक-घटनाओं के लिए संभव है: पॉइंटर घटनाओं के लिए कोई भी नहीं?क्या यह एक div सेट के बच्चे के लिए पॉइंटर-इवेंट्स के लिए संभव है: पॉइंटर ईवेंट नहीं है?

मुझे उस div की आवश्यकता है जो पॉइंटर घटनाओं को पार करने की अनुमति देने के लिए एक और div रखती है, लेकिन div के लिए अभी भी घटनाएं हैं।

क्या यह संभव है?

उत्तर

67

हां, यह संभव है, और आप मूल रूप से बस वर्णन करते हैं कि कैसे। माता-पिता के लिए यह अक्षम और बच्चे के लिए इसे सक्षम:

सीएसएस:

.parent { 
    pointer-events:none;   
} 
.child { 
    pointer-events:all; 
} 

HTML:

<div class="parent"> 
    <a href="#">Parent</a> 
    <div class="child"> 
     <a href="#">Child</a>   
    </div> 
    ​</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

http://jsfiddle.net/4gQkT/

+1

wooo, धन्यवाद, मैं सिर्फ नहीं था संभावित 'सभी' मूल्य के बारे में पता है। – fancy

+0

लेकिन ध्यान दें: गैर-एसवीजी तत्वों के लिए सीएसएस में सूचक-घटनाओं का उपयोग प्रयोगात्मक है। यह सुविधा CSS3 यूआई ड्राफ्ट विनिर्देश का हिस्सा थी लेकिन कई खुले मुद्दों के कारण, सीएसएस 4 पर स्थगित कर दिया गया है। https://developer.mozilla.org/en-US/docs/CSS/pointer-events – KooiInc

+0

इसके अतिरिक्त, यह इंटरनेट एक्सप्लोरर (आईई 10 भी नहीं) द्वारा समर्थित नहीं है। – strah

संबंधित मुद्दे

 संबंधित मुद्दे