當用戶在輸入id =“ value_1”中填寫文本，然后在鍵盤上按Enter鍵時，如何調用函數Java腳本？

Question

當用戶在輸入id="value_1"填寫文本，然后在鍵盤上按Enter時，如何調用函數Java腳本？

..............

當用戶單擊按鈕type="button" ，它將調用函數send_data（）

但是，如果用戶填寫文本以輸入id="value_1"並在鍵盤上按ENTER ，則不是調用函數send_data() ，當用戶在鍵盤上按ENTER時我該如何調用send_data() ？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
function send_data(){
    var value_1 = $('#value_1').val();
    window.location = '/aaa/'+value_2;
    return false;
}
</script>

<form name="f1" method="get" action="">
name : <input type="text" id="value_1" value=""/>
<input type="button" name="submit" onclick="send_data()" value="send"/>

Answer 1

使用表單的onsubmit屬性代替

<form name="f1" method="get" action="" onsubmit="send_data()">

Answer 2

如果要在文本框中更改數據后立即調用該函數，可以使用onChange

    <input type="text" id="value_1" value="" onChange="send_data()"/>

如果要在提交時調用該函數，則可以選擇onSubmit

Answer 3

使用事件監聽器相同。

document.getElementById("value_1").addEventListener( "keydown", function( e ) {
var keyCode = e.keyCode;
if ( keyCode === 13 ) {
   // enter pressed
   send_data();
}
}, false);

Answer 4

為什么不嘗試jQuery，非常簡單：

$(document, "click", "#buttonID"){
var value_1 = $('#value_1').val();
    window.location = '/aaa/'+value_2;
    return false;
}

嘗試使用jQuery，它更簡單，更強大！