2016-01-15 36 views
2

我試圖在按鍵關閉時從文本輸入中獲取值。按下按鍵時錯誤獲取值

我的代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
    <input type="text" onkeydown="console.log(this.value)"> 
</body> 
</html> 

代碼演示:http://jsbin.com/funexipure/1/edit?html,console,output

故障描述:
當我寫1""在控制檯值。
當我在這之後寫2"1"在控制檯值,等等

所以,我怎樣才能得到實際的電流值時,關鍵是跌?非常感謝你。

+3

onkeydown在輸入值被改變之前被調用,所以你可以返回false來「忽略」擊鍵 –

+2

當我在Chrome中測試你的實例時,我得到了你爲IE描述的行爲。 – Quentin

+0

@Quentin是的,我也注意到這個問題,並更新我的問題。謝謝 –

回答

3

您可以使用onkeyup得到什麼願望輸出

<input type="text" onkeyup="console.log(this.value)"> 
+0

它工作正常。這是我的解決方案。 TNX –

0

KEYUP功能是相當不錯的,但如果您粘貼鼠標點擊的價值這是行不通的。

試試這個

$('input').on('input propertychange', function(){ 
    console.log($(this).val()); 
}) 

這將在鍵盤上打字工作,同時在你用鼠標單擊粘貼。

原因

keyup檢查,當你按下鍵盤從但propertychange工作當您更改任何財產反正關鍵。