Pass «это» неявно через инлайн событие слушателем

Question

var fn = (function() { 
 

 
    return { 
 
    'init': function(className) { 
 
     // Access <a> tag here and apply className 
 
    } 
 
    }; 
 

 
}());

<a href="#" onmouseover="fn.init('myClass')">Link</a>

В приведенном выше фрагменте кода, было бы можно неявно передать this в fn.init?

Я понимаю, что я могу изменить декларацию fn.init в function(className, el) и использовать onmouseover="fn.init('myClass', this)" для доступа к элементу, но я просто любопытен, если это было бы возможно без прохождения this в слушателе рядных событий.

Answer 1

Вы также можете использовать call (я понимаю, что вы сказали, что не хотите пропускать this во встроенном прослушивателе событий, но это, вероятно, единственный способ). Единственный другой способ - использовать addEventListener и не использовать встроенное событие.

var fn = (function() { 
 

 
    return { 
 
    'init': function(className) { 
 
     // Notice that I can use "this" in this function 
 
     // Which refers to the <a> element 
 
     this.className = className; 
 
    } 
 
    }; 
 

 
}());

.myClass { 
 
    color: red; 
 
}

<a href="#" onmouseover="fn.init.call(this, 'myClass')">Link</a>

Если вы хотите добавить событие к каждому <a> элемента, вы могли бы сделать это:

var elems = document.getElementsByTagName("a"); 
for (var i = 0; i < elems.length; ++i) { 
    elems[i].addEventListener("click", function() { 
    fn.init.call(this, 'myClass'); 
    }, false); 
} 

Или, если вы используете только современные браузеры (не IE)

var elems = document.getElementsByTagName("a"); 
for (var i = 0; i < elems.length; ++i) { 
    elems[i].addEventListener("click", fn.init.bind(elems[i], 'myClass'), false); 
} 

Answer 2

Нет. Вы получаете новое значение this каждый раз, когда вы вызываете функцию.

fn.init('myClass') - это другой вызов функции для theElement.onmouseover(event).

Вы можете использовать addEventListener для привязки обработчика событий вместо использования атрибутов встроенных событий.