Angular 2：单击元素时检查shift键是否关闭

发布时间：2020-12-17 07:18:50 所属栏目：安全来源：网络整理

导读：在Angular 2应用程序中,我希望click事件在按住shift键时触发不同的内容.怎么实现这个？ html如下： div class="item" *ngFor="#obj of available" (click)="toggleSelected(obj)"/div 我想做这样的事情： toggleSelected(obj) { if(shift is pressed) { do t

在Angular 2应用程序中,我希望click事件在按住shift键时触发不同的内容.怎么实现这个？

html如下：

<div class="item" *ngFor="#obj of available" (click)="toggleSelected(obj)"></div>

我想做这样的事情：

toggleSelected(obj) {
    if(shift is pressed) {
      do this
    } else {
      do that
    }
  }

那么如何检测是否按下了shift键？谢谢！

在(单击)绑定中,将$event对象传递给toggleSelected方法：

<div class="item" *ngFor="#obj of available" (click)="toggleSelected(obj,$event)"></div>

在toggleSelected方法中,检查事件的shiftKey属性是否为true：

toggleSelected(obj,event) {
  if(event.shiftKey) {
    do this
  } else {
    do that
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!