/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/dev-app/focus-origin/focus-origin-demo.html
26 строк
994 B
Paul Gschwendtner
build: restructure demo-app in favor of bazel (#13965)
15 ноя 2018, 18:50
15 ноя 2018, 18:50
6d7f417
Код
Авторство
О чём код?
<button #b class="demo-focusable" cdkMonitorElementFocus>focus me!</button> <button (click)="b.focus()">focus programmatically</button> <button (click)="fom.focusVia(b, 'mouse')">focusVia: mouse</button> <button (click)="fom.focusVia(b, 'touch')">focusVia: touch</button> <button (click)="fom.focusVia(b, 'keyboard')">focusVia: keyboard</button> <button (click)="fom.focusVia(b, 'program')">focusVia: program</button> <div>Active classes: {{b.classList}}</div> <br> <div class="demo-focusable" tabindex="0" cdkMonitorElementFocus> <p>div with element focus monitored</p> <button>1</button><button>2</button> </div> <div class="demo-focusable" tabindex="0" cdkMonitorSubtreeFocus> <p>div with subtree focus monitored</p> <button>1</button><button>2</button> </div> <div class="demo-focusable" cdkMonitorSubtreeFocus> <p>Parent div should get same focus origin as button when button is focused:</p> <button class="demo-focusable" cdkMonitorElementFocus>focus me</button> </div>