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的原创文章,尽在:“汪子熙”:
JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。