Angular 2+ элегантный способ перехвата Command+S

ОБНОВЛЕНИЕ

Чтобы диалог сохранения браузера не открывался, мы должны использовать событие keydown вместо keyup и вызвать функцию $event.preventDefault();. Обновленный код ниже:

  onKeyDown($event): void {
    // Detect platform
    if(navigator.platform.match('Mac')){
        this.handleMacKeyEvents($event);
    }
    else {
        this.handleWindowsKeyEvents($event); 
    }
  }

  handleMacKeyEvents($event) {
    // MetaKey documentation
    // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey
    let charCode = String.fromCharCode($event.which).toLowerCase();
    if ($event.metaKey && charCode === 's') {
        // Action on Cmd + S
        $event.preventDefault();
    } 
  }

  handleWindowsKeyEvents($event) {
    let charCode = String.fromCharCode($event.which).toLowerCase();
    if ($event.ctrlKey && charCode === 's') {
        // Action on Ctrl + S
        $event.preventDefault();
    } 
  }

Затем привяжите этот метод к событию (keydown) в вашем div:

<div (keydown)="onKeyDown($event)" tabindex="0">
</div>

Обновлен ДЕМО-ПРОГРАММА PLUNKER

ИСХОДНЫЙ ОТВЕТ

Вот идея, как насчет обнаружения события в вашем классе:

  onKeyUp($event): void {
    // Detect platform
    if(navigator.platform.match('Mac')){
        this.handleMacKeyEvents($event);
    }
    else {
        this.handleWindowsKeyEvents($event); 
    }
  }

  handleMacKeyEvents($event) {
    // MetaKey documentation
    // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey
    let charCode = String.fromCharCode($event.which).toLowerCase();
    if ($event.metaKey && charCode === 's') {
        // Action on Cmd + S
        $event.preventDefault();
    } 
  }

  handleWindowsKeyEvents($event) {
    let charCode = String.fromCharCode($event.which).toLowerCase();
    if ($event.ctrlKey && charCode === 's') {
        // Action on Ctrl + S
        $event.preventDefault();
    } 
  }

Затем привяжите этот метод к событию (keyup) в вашем div:

<div (keyup)="onKeyUp($event)" tabindex="0">
</div>

Вот ссылка на плункер: ДЕМО-ПЛАНКЕР

Глобальный слушатель, не устаревший ответ:

@HostListener('window:keydown', ['$event'])
onKeyDown(event: KeyboardEvent) {
    if ((event.metaKey || event.ctrlKey) && event.key === 's') {
        this.save();
        event.preventDefault();
    }
}

1. Методы preventDefault() и stopPropagation() и т. д. у меня не работали (используя текущий Chrome), поэтому мне пришлось использовать несколько клавиш: ctrl+shift+s
2. При определении обработчика событий в моем компоненте он работал только для этого дочернего сайта и только в том случае, если некоторые входные данные формы были в фокусе, поэтому мне пришлось добавить прослушиватель в другом месте.
3. Я сжал несколько функций, так как мне все равно, в какой среде вызывается горячая клавиша, я хочу сохранить свой объект.

ngOnInit() {   
  document.body.addEventListener("keydown", event => {
    let charCode = String.fromCharCode(event.which).toLowerCase();
    switch (((navigator.platform.match('Mac') && event.metaKey) || event.ctrlKey) && event.shiftKey && charCode === 's') {
      case true: {
        this.saveArticle(); //whatever your usecase is
        break;
      }
    }
  });
}