根據另一個添加一個處理程序？

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

這可行嗎？

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

我認爲沒有辦法有生成的代碼外包作爲，你可以從兩個事件處理函數調用適當的功能...

Answer 2

this.oninput()（注括注）應該工作：

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

http://jsfiddle.net/9kNrW/

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