In this example you will learn, how to Trigger a Click on a Link Using jQuery. In the following example clicking the button will create the same effect as clicking the anchor or link manually using mouse. Let’s try it out and see how it really works:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Trigger Click on a Link</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script> function doSomething(){ alert("Click event is triggered on the link."); } $(document).ready(function(){ $("button").click(function(){ $("a")[0].click(); }); }); </script> </head> <body> <p><a href="#skyImage" onclick="doSomething()">Bookmark link to an image</a></p> <button type="button">Trigger Click</button> <div style="margin-top: 800px;"> <img src="/examples/images/sky.jpg" id="skyImage" alt="Cloudy Sky"> </div> </body> </html> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.