Enterキーを押したときにng-hrefを使用してリンクをクリックするには

Question

ng-hrefを使用して新しいタブを開くリンクがあります（ng-clickの代わりにChromeのポップアップブロッカーを使用する長い話です） 。この例はhereです。

は今、私は

link: function() { 
    $(document).on("keyup", function(event) { 
    if (event.which == 13) { 
     $("#clicking").trigger('click'); 
    } 
    }); 
} 

すべてはJS側の右側に呼び出されるが、タブが決して開かない...私はこれを追加入力するキーがそう押されたリンクをクリックする機能を追加したいと思います。どのように私はこれを達成することができますか？

Answer 1

がであるリンク自体にバニラのonclickハンドラを追加すると、リンクのクリックイベントは正常にトリガされますが、ナビゲーションは正常にトリガされます。

これは、回避しようとしていたポップアップブロッカーを簡単に回避できないためです。ブラウザは、ユーザーが開始したクリックとその理由のためにjavascriptで開始されたクリックを区別します。

clickイベントのバブリングによって、実際のマウスクリックを受けたかのように、要素がナビゲーションを開始することはありません。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

他のブラウザでも同様に動作します。