How to Trigger a Click on a Link Using jQuery
source link: https://www.laravelcode.com/post/how-to-trigger-a-click-on-a-link-using-jquery
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
How to Trigger a Click on a Link Using jQuery
Use the jQuery click()
Method
You can use the click()
method to trigger a click on a link programmatically 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:
<!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>
Author : Harsukh Makwana
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK