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

前端之家收集整理的这篇文章主要介绍了Angular 2:单击元素时检查shift键是否关闭前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Angular 2应用程序中,我希望click事件在按住shift键时触发不同的内容.怎么实现这个?

html如下:

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

我想做这样的事情:

  1. toggleSelected(obj) {
  2. if(shift is pressed) {
  3. do this
  4. } else {
  5. do that
  6. }
  7. }

那么如何检测是否按下了shift键?谢谢!

在(单击)绑定中,将$event对象传递给toggleSelected方法
  1. <div class="item" *ngFor="#obj of available" (click)="toggleSelected(obj,$event)"></div>

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

  1. toggleSelected(obj,event) {
  2. if(event.shiftKey) {
  3. do this
  4. } else {
  5. do that
  6. }
  7. }

猜你在找的Angularjs相关文章