Выделите весь текст одним щелчком мыши

Question

У меня есть общедоступная ссылка в моем приложении, и я хотел бы сделать ее доступной для выбора одним щелчком мыши, чтобы пользователи могли ее скопировать.

Как мне этого добиться в браузерном режиме?
(Я не заинтересован в решении javascript на данном этапе)

Есть ли атрибут HTML5, который я могу использовать?
Есть ли вещь CSS, которую я могу использовать?

Answer 1

Это может быть то, что вы после? По щелчку, это будет полностью выбран! Смотрите скрипку: JSFiddle

#link {
  user-select: all;
}

<div id="link">
i am some extra long example text i am some extra long example text i am some extra long example text i am some extra long example text
</div>

ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ - Вам нужно будет реализовать это для других браузеров следующим образом:

• Mozilla: -moz-user-select: all;
• WebKit (исключая Safari): -webkit-user-select: all;
• Microsoft: -ms-user-select: element;

Подробнее здесь: user-select