:focus: применяется только для полей ввода или для любых элементов?

Question

[Александр Дегтярев]

Можно ли применять как триггер нажатия на любой элемент или так нельзя делать (только js)?

Answer 1

[Алексей Уколов]

Смотря что вы понимаете под "триггером нажатия". При помощи атрибута tabindex со значением больше или равным нолю, мы можем указать, что элемент можно поймать в фокус: https://jsfiddle.net/koceg/us9kem6a/1/

Но от того, что вы можете поставить фокус на <span/> вовсе не значит, что он при этом приобретёт какие-то магические свойства. Их нужно будет реализовывать руками: https://jsfiddle.net/koceg/us9kem6a/2/

Ну и раз у вас в тегах стоит "семантическая вёрстка", добавлю, что, скорее всего, вы пытаетесь запилить несемантический костыль, который не будет работать без js и не будет доступен людям с ограниченными возможностями.