angularjs - 如何在右键单击链接时拦截“在新选项卡中打开链接”事件

Question

 <a href="" ng-click="viewArticle($index +(currentPage*pageSize))">
    <img ng-src="{{suggestion.imageUrl}}" class="widget-cse__content__item-title-img"/>

    <div class="widget-cse__content__item-title">{{suggestion.title}}</div>
 </a>

我上面有这段代码。在点击事件中，viewArticle 方法被调用，点击计数器增加。由于此处未使用 href，因此它具有空值。但是，当用户右键单击链接并选择“在新选项卡中打开链接”时，我不知道如何处理。

Answer 1

jQuery 方式

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

AngularJs 方式（伪代码）

添加一个禁用在新选项卡中打开的属性，并$location.path手动设置

element.click(function(event){
    event.preventDefault();
    $location.path = attrs.get('href');
});

Answer 2

如果您想生成您href的点击事件，那么您应该使用 ng-mousedownevent 以便您可以执行任何事件，例如open link in new tab,open link in new window和click.

HTML：

<a href="javascript:void(0)" ng-mousedown="viewArticle($event, data)">{{label}}</a>

JS：

  $scope.viewArticle = function (event, data) {

         // Do your work here
         .......

         // After that set href
         jQuery(event.target).attr('href', 'view/article');


  };