Описание: Привязывает обработчик события к событию "select" JavaScript, или вызывает данное событие на элемент.
.select( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция выполняется каждый раз, когда вызывается событие.
.select( )
Добавлена в версию: 1.0
.select( [ данныеСобытия ], обработчик(объектСобытия)
Добавлена в версию: 1.4.3
данныеСобытия
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('select', handler) в первом варианте, и .trigger('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').select(function() {
alert('Handler for .select() called.');
});
Теперь, когда какая-либо часть текст выделенна, то будет выдано предупреждение. Просто расположение курсора не вызывает событие. Мы можем инициировать событие вручную, когда другой элемент нажат:
$('#other').click(function() {
$('#target').select();
});
После выполнения этого кода, нажатие на Trigger the handler также выдаст сообщение.
Handler for .select() called.
В дополнение, действие на поле по умолчанию select
будет запущенно,
таким образом все текстовое поле будет выделенно.
Метод для получения текущего выделенного текста отличается от одного браузера к другому. Несколько плагинов jQuery предлагают кросс-платформенные решения.
Примеры
Пример 1
Вызывает событие select для всех элементов ввода:
$("input").select();
Пример 2
Для выполнения каких-либо действий, когда пользователь выделяет текст в поле ввода текста, попробуйте:Пример 2 - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $(":input").select( function () { $("div").text("Something was selected").show().fadeOut(1000); }); }); </script> <style> p { color:blue; } div { color:red; } </style> </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> </body> </html>
Была ли эта информация полезной?
