Содержание:
.on( "select" [, eventData ], handler )Возвращает: jQuery
Описание: Привяжите обработчик событий к событию "select".
-
версия добавлена: 1.7.on( "select" [, eventData ], handler )
Эта страница описывает событие select. Для устаревшего метода .select(), см. .select().
Событие select отправляется элементу, когда пользователь производит выделение текста внутри него. Это событие ограничено <input type="text"> полями и <textarea> полями.
Например, рассмотрите HTML:
<form> <input id="target" type="text" value="Hello there"> </form> <div id="other"> Trigger the handler </div>
Обработчик событий может быть привязан к текстовому полю:
$( "#target" ).on( "select", function() {
alert( "Handler for `select` called." );
} ); Теперь, когда любая часть текста выделяется, отображается сообщение об ошибке. Простое изменение позиции вставки не вызовет события. Чтобы вызвать событие вручную, используйте .trigger( "select" ):
$( "#other").on( "click", function() {
$( "#target" ).trigger( "select" );
} ); После выполнения этого кода щелчки по кнопке "Вызвать" также будут отображать сообщение:
Обработчик `select` вызван.
Кроме того, будет выполнено действие по умолчанию select для поля, поэтому всё поле будет выделено.
Метод получения текущего выделенного текста отличается в разных браузерах. Ряд плагинов jQuery предлагают решения для кроссплатформенной работы.
Примеры:
Чтобы выполнить что-то, когда текст в полях ввода выделяется:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>on demo</title>
<style>
p {
color: blue;
}
div {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<p>Click and drag the mouse to select text in the inputs.</p>
<input type="text" value="Some text">
<input type="text" value="to test on">
<div></div>
<script>
$( ":input" ).on( "select", function() {
$( "div" ).text( "Something was selected" ).show().fadeOut( 1000 );
} );
</script>
</body>
</html> Демо:
Чтобы вызвать событие select для всех элементов ввода, попробуйте:
$( "input" ).trigger( "select" );
.trigger( "select" )Возвращает: jQuery
Описание: Вызвать событие "select" на элементе.
-
версия добавлена: 1.0.trigger( "select" )
- "select"Тип: строкаСтрока
"select".
-
См. описание для .on( "select", ... ).
