1

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

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

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

onclick="item.add();"

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

'add': function(self){}

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

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

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

1
  • 1
    можно вызывать в самом jquery $(elem).click(function(){//this = кнопка})
    – Buka
    25 фев 2018 в 20:47

1 ответ 1

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 только как параметр обработчика. И получается, что подход, используемый вами, сбалансирован.

5
  • Не взлетит. Откуда возьмется event? 26 фев 2018 в 17:05
  • @tutankhamun скорее всего от onclick
    – Kirill
    26 фев 2018 в 17:18
  • 1
    в Firefox нет глобального объекта event
    – user176262
    26 фев 2018 в 17:25
  • В Javascript в функции видны переменные, которые 1) определены внутри функции, 2) переданы в качестве аргументов 3) определены в месте определения самой функции. Глобальный event, есть не везде. Поэтому придется передавать его явно 26 фев 2018 в 17:34
  • Igor и tutankhamun - спасибо.
    – Kirill
    26 фев 2018 в 18:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.