html - 如何阻止 <mat-expansion-panel> 用空格键触发？

Question

我在面板描述中有一个带有 textarea 框的 mat-accordion。当我在文本区域中绑定(bind)并点击空格键时，它会打开/关闭面板。我怎样才能阻止这个？

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      Header
    </mat-expansion-panel-header>
    <mat-panel-description>
      <mat-form-field>
        <textarea matInput></textarea>
      </mat-form-field>
    </mat-panel-description>
  </mat-expansion-panel>
</mat-accordion>

Answer 1

我发现一种解决方案更干净。仅将其添加到面板标题以覆盖 keydown 事件 SPACE:

(keydown.Space)="$event.stopImmediatePropagation();"

<mat-expansion-panel-header (keydown.Space)="$event.stopImmediatePropagation();">

引用:
https://github.com/angular/components/blob/master/src/material/expansion/expansion-panel-header.ts