有沒有更簡單的方法來使用jQuery調用這些函數？

Question

而不是使用

<input value="" type=text id="DPRnumber" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);"> 

是有更簡單的方法來調用使用jQuery這些功能呢？例如：

$('#DPRnumber').on('onkeydown', 'input', function(e) { ... I don't know ... 

Answer 1

您有正確的想法。將jQuery的.on()用於多個事件。

試試這個：

$('#DPRnumber').on({ 
    keydown: function(event) { 
    backspacerDOWN(this, event); 
    }, 
    keyup: function(event) { 
    backspacerDOWN(this, event); 
    } 
}); 

編輯：

雖然我們不知道究竟你backspacerDOWN()功能是幹什麼的，如果你不希望使用this，則只需更換所有出現this與document.getElementById('DPRnumber')這樣的：

$('#DPRnumber').on({ 
    keydown: function(event) { 
    backspacerDOWN(document.getElementById('DPRnumber'), event); 
    }, 
    keyup: function(event) { 
    backspacerDOWN(document.getElementById('DPRnumber'), event); 
    } 
});