根据另一个处理程序添加一个处理程序？

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.
};