How to make entire Div clickable in javascript
How to make entire Div clickable in javascript
In this session, we will try our hand at solving the "How to make entire Div clickable in javascript".
There are lots of method available to make a div clickable in Javascript. But here we have to get the link of anchor tag which is the inner element of div tag and redirect the user to the link using window.location.-
Make a div clickable using inner anchor tag with javascript
<!-- HTML --> <div class="myBox"> blah blah blah. <a href="http://google.com">link</a> </div> <!-- javascript --> <script> $(".myBox").click(function() { window.location = $(this).find("a").attr("href"); return false; }); </script>
You can make the entire div clickable using the value of href attribute of anchor tag which is child element of div.
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Javascript
- How to display for slash as a string in javascript HTML
- How to Set data to localstorage in javascript
- How to preview a word document in HTML using javascript
- Remove hostname from URL in javascript
- How to fixed bootstrap navbar at top on scroll
- Apexcharts example code
- How to add a property to object with condition in javascript
- Animating numbers counting Javascript
- Hide div on click outside of element in javascript/jQuery
- Concat variable with string in javascript
- Cropper js with multiple images
- How to show and hide placeholder text
- Apex bar chart - fill bar color with gradient on hover
- Generate 6 digit random number in javascript
- Remove property from object in javascript
- How to get data from localstorage in javascript
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined
- Execute function with condition in javascript
- How to validate empty space in textbox in Javascript
- Javascript get data-id attribute value
- Input type file styling
- How to add key/value pair to existing form data
- Javascript to print Fibonacci series upto 15 Observations
- How to use JavaScript to search for items in a list
- How can I add a key/value pair to a JavaScript object