jQuery模拟超链接的用户单击事件

 
 
 
 

  
  
  
  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %> 
  
  
  
  
   
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
  
      
  
  
  
  
      
  
  
  
  
         $(document).ready(function () {  
  
  
  
  
   
  
  
  
  
             // 单击spanAGo，调用超链接的单击事件  
  
  
  
  
             $('#spanAGo').click(function () {  
  
  
  
  
                 $('#aGo').click();  
  
  
  
  
             });  
  
  
  
  
         });  
  
  
  
  
      
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
  
     
 
  
  
  
  
         剑过不留痕 - 博客园 
  
  
  
  
          
  
  
  
  
          
  
  
  
  
         点击我，将调用以上超链接的单击事件 
  
  
  
  
     

以上代码的运行效果如下图所示：

点击超链接，页面可以正常跳转；

但点击标签，页面却不可以跳转；

以上，在IE8和Chrome里都无法跳转（其他浏览器未测试）。

所以，接下来要实现的效果，就是在点击标签的时候让页面跳转（也就是在调用超链接的单击事件时，让页面跳转），且写的代码要少，且***是在一个地方处理，一个项不可能就一个页面，一个页面不可能就一个超链接，且不能做的太死，怎么说锚的另一个作用是书签，别链接是可以跳转了，锚的书签作用被屏蔽了，且……。

 
 
 
 

  
  
  
  
a.forward  
  
  
  
  
{  
  
  
  
  
}  
 
 
 
 

 
 
 
 

  
  
  
  
Main.js   
  
  
  
  
 ///   
  
  
  
  
   
  
  
  
  
 $(document).ready(function () {  
  
  
  
  
   
  
  
  
  
     // 使超链接支持click事件，方便JavaScript调用  
  
  
  
  
     $('a.forward').click(function () {  
  
  
  
  
         location.href = $(this)[0].href;  
  
  
  
  
         return false;  
  
  
  
  
     });  
  
  
  
  
   
  
  
  
  
 }); 
 
 
 
 

修改过后的页面源码如下：

 
 
 
 

  
  
  
  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %> 
  
  
  
  
   
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
  
      
  
  
  
  
      
  
  
  
  
      
  
  
  
  
      
  
  
  
  
         $(document).ready(function () {  
  
  
  
  
   
  
  
  
  
             // 单击spanAGo，调用超链接的单击事件  
  
  
  
  
             $('#spanAGo').click(function () {  
  
  
  
  
                 $('#aGo').click();  
  
  
  
  
             });  
  
  
  
  
         });  
  
  
  
  
      
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
  
     
 
  
  
  
  
         剑过不留痕 - 博客园 
  
  
  
  
          
  
  
  
  
          
  
  
  
  
         点击我，将调用以上超链接的单击事件