संपूर्ण तलाक पर क्लिक करें - सीएसएस-ट्रिक्स

अद्यतन नवंबर 2020: मुझे लगता है कि इसके लिए सबसे अच्छी तकनीक इस लेख में विधि 4 है। (या जो भी आवरण तत्व), अर्थ और सुलभ रहता है, जबकि "क्लिक करने योग्य" पूरे क्षेत्र में किया जा रहा है। यह पाठ चयन को नहीं तोड़ता है और अन्य "नेस्टेड" इंटरैक्टिव तत्वों का सम्मान करता है।

यह पूरी तरह से मान्य HTML है:

 anything 

और याद रखें कि आप लिंक बना सकते हैं display: block;, इसलिए पूरा आयताकार क्षेत्र "क्लिक करने योग्य" बन जाता है। लेकिन, अगर वहाँ सामग्री का एक टन है, यह पहुंच के लिए बिल्कुल भयानक है, तो उस सभी सामग्री को इंटरैक्टिव लिंक के रूप में पढ़ना।

यदि आपको जावास्क्रिप्ट का उपयोग करने की आवश्यकता है, तो एक तरीका यह है कि div के अंदर एक लिंक ढूंढा जाए और hrefजब div पर क्लिक किया जाए तो उसके पास जाएं । यह jQuery के साथ है:

$(".myBox").click(function() ( window.location = $(this).find("a").attr("href"); return false; ));

"MyBox" की कक्षा के साथ div के अंदर एक लिंक के लिए लग रहा है। उस लिंक वैल्यू पर रीडायरेक्ट करता है जब डिव में कहीं भी क्लिक किया जाता है।

संदर्भ HTML:

 blah blah blah. link 

या, आप data-*इस पर एक विशेषता सेट कर सकते हैं:

window.location = $(".myBox").data("location");