SAP Spartacus B2B ListComponent响应回车事件的实现

SAP Spartacus B2B的List页面:

和回车键事件相关的实现:

<cx-table
        *ngIf="data.values?.length > 0; else emptyList"
        [structure]="structure"
        [data]="data.values"
        [i18nRoot]="domainType"
        [currentItem]="{ property: key, value: currentKey$ | async }"
        (launch)="launchItem($event)"
        [cxFocus]="{ trap: 'both' }"
      >
      </cx-table>

调用栈:观察lock-focus.directive.ts里的handleEnter函数是如何被Angular core调用的:

传入focus directive的事件:KeyboardEvent

  • code为Enter
  • currentTarget: cx-table.vertical
  • eventPhase: 3
  • key: Enter
  • keyCode: 13

类型:keydown

更多Jerry的原创文章,尽在:“汪子熙”:

汪子熙 CSDN认证博客专家 前端框架 Node.js SAP
JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页