.select( handler(объектСобытия) )
Возвращает: jQuery
Описание:
Привязывает обработчик события к событию "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 для всех элементов ввода:
Пример 2
Для выполнения каких-либо действий, когда пользователь выделяет текст в поле ввода текста, попробуйте:
$(":input").select( function () {
$("div").text("Something was selected").show().fadeOut(1000);
});
|