Asp.Net jQuery href click Event Handler

Saturday, September 22, 2012

Asp.Net jQuery href click Event Handler

The jQuery library provides various options to work with href links, in this post Asp.Net jQuery href click Event handler, we shall see on how to capture the click event of a Hyperlink controls using jQuery.

We can handle the click event of a href control using jQuery as follows.

$('#lnkGoogle').click(function(event) {

alert("Link Clicked");

});

Here is a full example

<title>Links (a href)</title>

<link

type="text/css"

href="Stylesheet.css"

rel="Stylesheet" />

<script

type="text/javascript"

src="JavaScript/jquery-1.7.2.js"></script>

<script

type="text/javascript"

language="javascript">

$(document).ready(function() {

$('#lnkGoogle').click(function(event) {

alert("Link Clicked, redirecting to " + $(this).attr('href'));

});
});

</script>

</head>

<body>

<b>Links (a Href)</b><br />

<a id="lnkGoogle"

href="http://www.google.com"

target="_blank">Google</a>

<br />

<a id="lnkYahoo" href="http://www.yahoo.com">Yahoo</a><br />

<a id="lnkFacebook" href="http://www.facebook.com">Facebook</a><br />

<b>Hyperlinks (asp:HyperLink)</b><br />

<asp:HyperLink

ID="lnkMicrosoft"

runat="server"

Text="Microsoft"

NavigateUrl="http://www.microsoft.com/">

</asp:HyperLink><br />

<asp:HyperLink

ID="lnkMSDN"

runat="server"

Text="MSDN"

NavigateUrl="http://msdn.microsoft.com/en-US/">

</asp:HyperLink>

<asp:Button

ID="cmdSet"

runat="server"

Text="Set"

Width="100"/>

</form>

</body>

</html>

Run the application, click on the Link, notice that the Click event is Handled and a Message box appears with the Link details

Search Flipkart Products:

C# Guide - C#, Asp.Net, MVC, LINQ, jQuery and SharePoint Resources

Saturday, September 22, 2012

Asp.Net jQuery href click Event Handler

No comments:

Blog Archive

About Me