当用户在输入id =“value_1”中填写文本然后在键盘上按“Enter”时，如何调用函数java脚本？

Question

如果用户填写输入id="value_1"中的文字，然后按键盘上的Enter，如何调用函数java脚本？

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

当用户点击按钮type="button"时，它会调用函数send_data（）

但是如果用户填写文字以输入id="value_1"并按键盘上的ENTER，则不会调用函数send_data()，我该如何处理调用函数{{1}当用户在键盘上按send_data()时？

ENTER

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，它更容易，更强大！