相关疑难解决方法(0)

如何导航/聚焦到Angular2中的下一个项目?

我想使用箭头键专注于下一项。
在keydown事件处理程序中,我event.currentTarget.nextSibling用来访问下一项。
还有另一种方法可以做到这一点吗?
在事件处理程序中,我想使用JQuery来做到这一点。这该怎么做?

<ul>
    <li *ngFor = "let work of works" tabindex="-1" 
        (keydown.ArrowDown)="handleKeyEvent( $event, 'Arrow Down' )">
        <div class="guide-label">
            <div>{{work.cd}}</div>
            <div>{{work.name}}</div>
        </div>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)
export class WorkComponent {
    ...
    handleKeyEvent(event: Event): void {

        event.currentTarget.nextSibling.focus();
        event.preventDefault();
    }
}
Run Code Online (Sandbox Code Playgroud)

jquery angular

5
推荐指数
1
解决办法
4232
查看次数

标签 统计

angular ×1

jquery ×1