Angular 4 - 使用回车关注下一个元素

时间:2018-01-18 14:46:47

标签: javascript angular typescript frontend angular-forms

之前已经向AngularJS和Jquery询问了这个问题,但我需要在Angular 4中做到这一点并且略有不同。

情况:

我有一个带有表的组件(Tablecomponent)。该表填充了用户的输入字段。现在我想用Enter键来标记这些输入字段,而不是Tab键。

我在其他地方找到了这个解决方案,但它不起作用,因为“element”没有函数“focus()”

onKeyUp($event) {
if ($event.keyCode === 13) {
  const element: any = event.srcElement.nextElementSibling;
  if (element == null) {
    return;
  } else {
    element.focus();
  }

我不确定,但我相信首先要做的是获取下一个元素(这里是“输入”字段)并简单地“聚焦”它。

1 个答案:

答案 0 :(得分:2)

Angular有一个可以使用的元素引用elementRef,在角度应用程序中点击df$colC <- df$colA + df$colB for (i in seq_len(nrow(df))) { if (i > 1) df$colC[i] <- df$colC[i] - (df$day[i] != 1) * df$colC[i-1] } 事件等事件会更准确。

key

然后你可以使用

进行聚焦
// add it to your compoenent
constructor(private elementRef: ElementRef) { }