Question

您好我想要显示一条警告消息，告诉我何时选择了href链接点击了一个锚标记

可以使用jquery

完成

我希望

$('a').click(function(){
    alert(this.href);
});

会这样做

<a href="/Eureka/Home.aspx" target="_parent" onClick="closeAllSubMenus();"">Home</a>
<a href="/Eureka/IPAQ/IPAQAssignments.asp" target="_parent"   onClick="closeAllSubMenus();"">IPAQ Summary</a>
<a href="https://www.askcnet.com/cgi-bin/wonderdesk/wonderdesk.cgi" target="_new" onClick="closeAllSubMenus();"">Eureka System Support</a>
<a href="/Eureka/Logout.aspx" target="_parent" onClick="closeAllSubMenus();"">Logout</a>

下面的测试页面似乎没有火，我有jquery set

<html>
<head>
<script type="text/javascript" src="JScripts/jquery-1.4.2.min.js"></script>
<script src="JScripts/jquery.tooltip.min.js" type="text/javascript"></script>
<script src="JScripts/jquery.tooltip.js" type="text/javascript"></script>
<script src="JScripts/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>



<script language="javascript" type="text/javascript">
$('a').on('click',function(e) {
e.preventDefault(); //if you want to prevent from visiting the link
alert($(this).attr('href'));
});
</script>

</head>
<body>

<a href="/Eureka/Home.aspx" target="_parent" onClick="closeAllSubMenus();"">Home</a><br>
<a href="/Eureka/IPAQ/IPAQAssignments.asp" target="_parent"   onClick="closeAllSubMenus();"">IPAQ Summary</a><br>
<a href="https://www.askcnet.com/cgi-bin/wonderdesk/wonderdesk.cgi" target="_new" onClick="closeAllSubMenus();"">Eureka System Support</a><br>
<a href="/Eureka/Logout.aspx" target="_parent" onClick="closeAllSubMenus();"">Logout</a><br>

</body>
</html>

Answer 1

如果您希望在继续之前显示警报，则可以显示警报，防止默认（只会立即跟踪链接），然后将窗口位置分配给href。

警报

$('a').click(function(e){
 e.preventDefault();
 alert(this.href);
 window.location = this.href;
});

或者，您可以使用confirm而不是alert

确认

$('a').click(function(e){
 e.preventDefault();
 if(confirm(this.href))
  window.location = this.href;
});

Answer 2

当然，你想要做这样的事情：

$('a').on('click',function(e) {
    e.preventDefault(); //if you want to prevent from visiting the link
    alert($(this).attr('href'));
});

<a> anchor is clicked</a>时要触发的JQuery

2 个答案: