Почему этот приложенный прослушиватель событий не выполняется?

Question

Это мой код:

var myinp = document.querySelector(".myinp"); 
var store = document.querySelector(".store"); 

myinp.addEventListener("input", function() {update(store);}, false); 

function update(elem) { 
    console.log('Executed'); 
    elem.style.left= this.value + "%"; 
    if(this.value>0) { 
    elem.textContent= this.value; 
    } else { 
    elem.textContent= null; 
    } 
} 

Консоль просто показывает один Executed и даже тогда textContent не меняется.

EDIT

Эта версия кода работает:

myinp.addEventListener("input", update, false); 

function update() { 
    thumb.style.left= this.value + "%"; 
    if(this.value>0) { 
    thumb.textContent= this.value; 
    } else { 
    thumb.textContent= null; 
    } 
} 

Когда я не проходя никаких параметров почему this относятся к элементу, а не окно, как и в первом случае ?.

Answer 1

Проблема в том, что функция update выполняется в глобальном контексте (window). Если вы хотите this быть экземпляром ввода необходимо предоставить контекст явно:

myinp.addEventListener("input", function() { 
    update.call(this, store); 
}, false); 

Помните, что контекст выполнения зависит от пути вы вызываете функцию. В вашем случае update неявно привязана к глобальному объекту, поэтому его называть update() всегда будет this, являющийся window.