
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 show and hide placeholder text
- How to check caps lock is on in javascript
- Trim the leading and trailing comma from string in Javascript
- How to Set data to localstorage in javascript
- Hide div on click outside of element in javascript/jQuery
- Custom slider js
- How to get file extension using javascript/jquery
- Remove property from object in javascript
- How to set href value of anchor tag in javascript
- ReferenceError: $ is not defined
- Multidimensional array example javascript
- How to display an image in Javascript onclick
- Deault order of record in datatable
- Generate 6 digit random number in javascript
- How can I add a key/value pair to a JavaScript object
- Json stringify
- How to add key/value pair to existing form data
- How to get query string value in javascript
- How to display for slash as a string in javascript HTML
- JavaScript test() Method
- How to preview a word document in HTML using javascript
- How to open modal after redirect
- How to preview video before uploading in javascript
- Javascript get only 10 characters from string
- How to use JavaScript to search for items in a list