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

前端之家收集整理的这篇文章主要介绍了Angular 2:单击元素时检查shift键是否关闭前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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
  }
}

猜你在找的Angularjs相关文章