Обработчик выделения текста .select()

.select() — устанавливает обработчик выделения текста внутри элемента или запускает это событие.

Метод имеет два варианта использования.

.select( handler )
  • handler — функция, которая будет установлена в качестве обработчика.
.select( [eventData ], handler )
  • eventData — объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате {fName1:value1, fName2:value2, ...};
  • handler — функция, которая будет установлена в качестве обработчика.

В первом варианте использования, метод является аналогом .on("select", handler), а в третьем случае аналогом .trigger( "select" ).

Пример

[codepen_embed height=»265″ theme_id=»dark» slug_hash=»oooWaa» default_tab=»js,result» user=»AmateR»]See the Pen <a href=’https://codepen.io/AmateR/pen/oooWaa/’>oooWaa</a> by Aleksei (<a href=’https://codepen.io/AmateR’>@AmateR</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]

В этом примере при клике по серому блоку, в поле будет выделен текст и выведется соответствующее сообщение. При выделении текста в поле так же сработает событие и выведется сообщение о том, что сработало событие выделения.

Дополнительно

Событие select() является лишь сокращением для .on("select", handler), поэтому убрать установленный обработчик можно с помощью .off( "select" )

2 комментария

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *