Документация для разработчиков
Темная тема

BX.bindDelegate

Описание и параметры

Function
BX.bindDelegate(
   DOMNode node,
   String eventName,
   Object isTarget,
   Function handler
);

Функция устанавливает обработчик handler события eventName на дочерние элементы узла node, удовлетворяющих условиям isTarget. Нюансом метода является независимость от изменений содержимого node: физически обработчик вешается на сам узел node и принимает событие в момент его всплывания от дочерних элементов.

Параметры функции

Параметр Описание
node Родительский узел
eventName Имя события
isTarget Описание дочерних узлов в формате, аналогичном используемому в функциях поиска
handler Обработчик события

Возвращаемое значение

Ссылка на реально устанавливаемый обработчик события, которую можно использовать, например, для BX.unbind.

Примеры использования

<style>#my_node td {padding: 2px; height: 30px; width: 30px; text-align: center;}</style>
<table id="my_node" cellpadding="2" cellspacing="0" border="1">
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
</table>
<script>
var sign = 'x';
BX.bindDelegate(
    BX('my_node'),
    'click',
    {
        tagName: 'TD'
    },
    function()
    {
        this.innerHTML = sign;
        sign = sign == 'x' ? 'o' : 'x';
    }
);
</script>


© «Битрикс», 2001-2023, «1С-Битрикс», 2023
Наверх