html подія onselect

Подія onselect застосовується в текстових полях форми і викликається при виділенні тексту за допомогою миші чи клавіатури.

Подія select відбувається тільки, коли текст виділяють в полi input з type = 'text' або в полi textarea. Подія відбувається тільки після того, як текст буде виділений.

автор: с3с

Синтаксис

<element onselect="script">

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	1+	1+	1+	4+	12+	4+

Підтримка: мобільні переглядачі
Переглядач
	1+	1+	1+	1+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML події onselect

HTML

<textarea class="text1" cols="30" rows="3" onselect = "selectText()">
текст для виділення текст для виділення текст для виділення текст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділеннятекст для виділення
</textarea>

function selectText()
{
  alert("текст виділено!");
}
//# sourceURL=pen.js

автор: с3с

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Ваше ім'я Коментар

Як форматувати текст?

Пишемо	Виходить
`важливо` `акцент` `~~застаріле~~`	Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
`## Як працює каскад` `### Порядок оголошень`	Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
`[[css/property/color]]`	Посилання на сторінку довідника. Наберіть `[[` — поле веде сходинками (розділ → тип → сторінка), а хибний ключ підкреслить хвилею.
`[[!sandbox/S0oh1hBm]]`	Живий приклад окремим рядком — саме вікно результату. Той самий ключ зі знаком `!`: наберіть `[[!` і дійдіть сходинками до потрібної сторінки, список покаже її приклади.
`[MDN](https://developer.mozilla.org)`	Посилання на чужий сайт.
`![Схема каскаду](https://site.com/схема.png)`	Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру	Код усередині речення.
```css `.card { display: grid }` ```	Код блоком. Мова після трьох лапок вмикає підсвітку.
`- Походження` `1. Походження`	Перелік: маркований і нумерований.
`- [ ] дописати приклади` `- [x] перевірити в Firefox`	Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
`> Порядок важить лише за рівної ваги.`	Цитата на всю ширину абзацу.
`Специфічність` `: вага селектора; більша перемагає`	Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
`Каскад має три критерії[^1]` `[^1]: Походження, специфічність, порядок.`	Виноска: номер у тексті, примітка внизу сторінки. Без згадки `[^1]` у тексті примітка не з'явиться.
`Відповідь: \|\|сорок два\|\|`	Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
`\|\| Показати рішення` Задайте контейнеру `display: grid`. `\|\|`	Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок	Новий абзац. Щоб перенести рядок усередині абзацу, поставте `\` в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.