Добавить один обработчик с точки зрения другого?

Question

У меня есть тег со сложным обработчиком oninput, например,

 <input id="x" type="text" name="x"  
  oninput="lotsofgeneratedcocde...."/>

Я хочу добавить другой обработчик, который просто вызывает его. Сначала я хотел сказать, что это сработает:

 <input id="x" type="text" name="x"  
  oninput="lotsofgeneratedcocde...." onfocus="this.oninput"/>

Но это не так. Что мне делать? Спасибо.

Редактировать: я думал, что onfocus = "this.oninput" скопирует ссылку на функцию, поэтому я исключил скобки для вызова.

Answer 1

this.oninput() (обратите внимание на круглые скобки) должно работать:

<input id="x" type="text" name="x"  
       oninput="console.log('test');" onfocus="this.oninput();"/>

http://jsfiddle.net/9kNrW/

Answer 2

Это может сработать?

... onfocus="this.oninput()"

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

Answer 3

Краткий ответ:
Используйте парены: onfocus="this.oninput();"

Если oninput ссылается на this или на объект события, вам нужно добавить немного больше:

onfocus="this.oninput.call(this, event);"

Объяснение:
Если вы подключали обработчики событий в коде, ваш синтаксис правильный.Потому что вы устанавливаете ссылку на функцию.Т.е.,

myInput.onfocus = myInput.oninput;

Но, если присоединить к разметке, код между кавычками фактически сам является функцией.Например,

<span id="foo" onclick="alert('hello world');" />

Эквивалентно:

document.getElementById("foo").onclick = function () {
    alert('hello world');
};

Таким образом, ваш написанный код эквивалентен:

document.getElementById("x").onfocus = function () {
    this.oninput; // returns a function reference.  Does not call the function.
};