правопреемником OnClick событие функционировать

Question

Я хочу, чтобы вызвать функцию OnClick и передать объект события к функции:

progressBarOuter.onclick = function(e) { 
    var x; if (!e) { 
     x=window.event.clientX; 
    } 
     else { 
      x = e.clientX 
    } 

    yt.clickedOffset = x; yt.progressBarClicked 
} 

Так я задаю clickedOffset к заключая объект (УТ) и затем вызвать progressBarClicked, которые затем использует clickedOffset var. Но то, что я на самом деле хотел бы сделать, это примерно так:

progressBarOuter.onclick = yt.progressBarClicked(e); 

Потому что это намного компактнее. Проблема в том, что даже если пользователь нажал или не выполнил этот бит кода ... yt.progressBarClicked (e).

Есть ли способ обойти это?

Answer 1

Ваш

progressBarOuter.onclick = yt.progressBarClicked(e); 

не дает ожидаемого результата, потому что вы не присвоив функцию yt.progressBarClicked к onclick обработчика. Вы фактически вызываете функцию и поэтому присваиваете ее возвращаемое значение onclick.

Самый короткий рабочий вещь, которую вы можете получить, не нарушая ничего это:

progressBarOuter.onclick = function(e){ 
    yt.progressBarClicked((e || window.event).clientX); // pass the x position as a parameter 
}; 

Если вы не обернуть его, yt.progressBarClicked будет вызываться из window объекта и, следовательно, значение this внутри функции будет также устанавливается на объект window.

Конечно, вы можете также отрегулировать вычисление х позиций внутри функции и просто передать событие к нему:

progressBarOuter.onclick = function(e){yt.progressBarClicked(e);}; 

Answer 2

Попробуйте

progressBarOuter.onclick = yt.progressBarClicked; 

Но технически это не то же самое, что и исходный код. Вычисление для положения мыши (clientX) отсутствует вообще.