Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   JQERY передача свойств из массива в .on() (https://javascript.ru/forum/dom-window/72681-jqery-peredacha-svojjstv-iz-massiva-v.html)

victornalchik 18.02.2018 15:28

JQERY передача свойств из массива в .on()
 
Здравствуйте! Имеются вот такие не сложные функции
$('.js-dashboard__button_clear').on('click',() => { observer.clearField(); });

$('.js-dashboard__button_start').on('click',() => {
    observer.startGame()
});

$('.js-dashboard__input_row').on('focusout',() => {
    observer.changeSizeField();
});

$('.js-dashboard__input_column').on('focusout',() => {
    observer.changeSizeField();
});

$('.js-dashboard__button_pause').on('click',() => {
    observer.pauseGame();
});

$('.js-dashboard__button_random').on('click',() => {
    observer.createRandomField();
});

$('.js-field__container').on('click', '.js-field__cell',(event: any)=>{
    observer.changeTypeCell(event);
});

Необходимо реализовать передачу свойств из массива(класс, тип события, вложенный объект observer) в общую функцию $().on() и затем перебором их все создавать. Возможно ли это реализовать?

laimas 18.02.2018 15:51

Цитата:

Сообщение от victornalchik
Возможно ли это реализовать?

Возможно. Синтаксис метода:

.on(events, [selector], [data], handler)

victornalchik 18.02.2018 15:55

Был бы очень Вам признатлен если бы показали пример)

laimas 18.02.2018 16:12

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $("button").on("click", { key: "val" }, function(e) {
        alert(e.data.key)
    });
});
</script>
</head>
<body>
<button>GO</button>
</body>
</html>


Часовой пояс GMT +3, время: 20:32.