Указатель на this в jquery

158

27 февраля 2018, 07:26

Сейчас часто стал использовать в jquery такой стиль написание обработки событий

var item = {
    'add': function(){},
    'remove': function(){}
}

На кнопку навешиваю событие

onclick="item.add();"

Как мне в функции получить ссылку на this? Сейчас я добавляю переменную в функцию, например

'add': function(self){}

а при вызове пишу так

onclick="item.add($(this));"

Есть возможность это сделать проще?

Answer 1

event.target

var item = { 
  'add': function() { 
    console.log('some adding action on ' + event.target.name); 
  }, 
}

<input type="text" name="me-imput" onclick="item.add()">

UPD (thx->to(Igor,tutankhamun)):

У данного подхода несовместимость с firefox - он до сих пор определяет event только как параметр обработчика. И получается, что подход, используемый вами, сбалансирован.