绑定点击事件以在新标签页中打开链接

123

我试图在新选项卡中打开模式中的所有链接,由于使用角度的限制,操作DOM并不像我想象的那样容易。有没有一种方法可以将click事件绑定到链接,然后使click事件打开一个新选项卡?

我有这样的东西

w = angular.element($window)
w.bind 'click', (e) ->
  # if link clicked open link in new tab?    
泰隆·威尔逊(Tyrone Wilson)

基本规则是,如果您打算对DOM做任何事情,那么您应该有一条指令,并在链接函数中使用普通的JQuery

new-tab.directive.coffee

angular.module 'my.module'
  .directive 'newTab', ($window) ->
    restrict: 'A'
    link: (scope, element, attributes) ->
      element.on('click', (evt)->
        # Open link in new tab here
      )

用法示例:

<a href='/your/link' new-tab>

您可能还必须做一些“防止默认设置”的工作,以使链接仍不会转到当前窗口中的同一页面(现在我已经考虑过了)。

您也可以尝试仅在任何和所有节点上设置_target ='blank'属性。

我还没有测试

new-tab-a.directive.coffee

angular.module 'my.module'
  .directive 'a', -> #I doubt this is a good idea though using 'a' as a directive name.
    restrict: 'E'
    link: (scope, element, attributes) ->
      attributes.target = '_blank'

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在不同的新标签页中打开两个链接,而不是在同一标签中

来自分类Dev

Chrome应用,在新标签页中打开链接

来自分类Dev

Vaadin在新标签页中打开链接

来自分类Dev

phpBB在新标签页中打开链接

来自分类Dev

可点击链接中的整行未在新标签页中打开

来自分类Dev

将点击事件绑定到当前活动的标签页

来自分类Dev

如果在新标签页中打开链接的语句

来自分类Dev

React-Router在新标签页中打开链接

来自分类Dev

javascript防止鼠标中键在新标签页中打开链接

来自分类Dev

Summernote总是在新标签页中打开链接

来自分类Dev

如何在NextJS的新标签页中打开链接?

来自分类Dev

在新标签页中打开链接,抓取,转到上一页

来自分类Dev

点击链接后的新标签页

来自分类Dev

如何使用JavaScript在新标签页中打开链接

来自分类Dev

phpBB在新标签页中打开链接

来自分类Dev

可点击链接中的整行未在新标签页中打开

来自分类Dev

使用JQuery在新标签页中打开链接

来自分类Dev

如何制作HTML链接以在Python的新标签页中打开

来自分类Dev

在页面加载的新标签页中打开特定链接

来自分类Dev

取消绑定和绑定点击事件

来自分类Dev

在新标签页中自动打开html链接

来自分类Dev

为什么超链接无法在新标签页中打开?

来自分类Dev

在新标签页中打开链接

来自分类Dev

如何在新标签页中打开 2 个链接?

来自分类Dev

在新标签页中打开多个链接的宏

来自分类Dev

如何检查链接是否即将在新标签页或当前标签页中打开

来自分类Dev

使用标签助手时获取锚标签链接以在新标签页中打开

来自分类Dev

在 mithril-js 中,vnode 如何绑定点击事件

来自分类Dev

只有 CSS 在新标签页中打开链接

Related 相关文章

热门标签

归档