jQuery 1 действия на 2 события

92

rerighter

23 ноября 2012, 20:57

3829

Здравствуйте. Есть 2 обработчика, которые делают одно и тоже. Пример:


    $('#selector').blur(function(){

        alert('Hello');

	});



	$('#selector').bind('keypress', function(e){

    	if(e.keyCode==13){

            alert('Hello');

        }

    });

Как их объединить? Чтобы не плодить кучу повторного текста. С php у меня проблем не возникало, но тут есть пробелы в знаниях синтаксиса. Спасибо.

427

siv1987

23 ноября 2012, 21:02

#1

В смысле объединить, и что они делают одно и тоже?

R

92

rerighter

23 ноября 2012, 21:10

#2

как видно по коду, они выводят в окошке на экран слово "Hello"

В реальном проекте конечно все сложнее.

Данные из input отправляются посредством AJAX по нажатию на Enter или при потере фокуса(blur) из


<input type="text" id="selector" tabindex="1">

427

siv1987

23 ноября 2012, 21:11

#3

Наверное как-то так


$('#selector').bind({

    blur: function(){alert('Hello');},

    keypress: function(e){

    	if(e.keyCode==13){

               alert('Hello');

        }

   }

});

http://api.jquery.com/bind/#multiple-events

http://api.jquery.com/blur/

R

92

rerighter

23 ноября 2012, 21:14

#4

но в таком случае у нас снова повтор


alert('Hello');

А если вместо


alert('Hello');

будет куча кода?

427

siv1987

23 ноября 2012, 21:16

#5

rerighter:
А если вместо alert('Hello');
будет куча кода?

"Куча кода" можно вывести в отдельную функцию.

1

C

277

Chukcha

23 ноября 2012, 21:20

#6

м...

условно allert - это некая функция.

Да... ее нужно всегда вызывать

$('#selector').bind({

blur: function(){func();},

keypress: function(e){

if(e.keyCode==13){

func();

}

});

function func(){

alert('Hello')

}

Интересно, а как в php?

R

92

rerighter

23 ноября 2012, 21:23

#7

Chukcha:
Интересно, а как в php?

Спасибо. Я думал, что синтаксически возможен вариант с логическим ИЛИ (OR, ||).

C

277

Chukcha

23 ноября 2012, 21:26

#8

Может быть и возможен.

Только не забывайте о сопровождении кода

427

siv1987

23 ноября 2012, 21:30

#9

rerighter:
Я думал, что синтаксически возможен вариант с логическим ИЛИ (OR, ||).

Ну в multiple events описывается еще такой вариант если вам подходит .bind('mouseenter mouseleave', handler)

_

2

_A_

23 ноября 2012, 21:37

#10

Еще вариант(jQ >= 1.7):

$('#selector').on (
blur: function () { alert('Hello'); },
keypress: function (e) { e.keyCode==13 ? $('#selector').trigger('blur'); }
);

2

Самый стабильный хостинг (http://www.beget.ru/?id=27692)

Что такое Power BI и зачем это нужно бизнесу

Курс биткоина превысил $50 тысяч