当用户在输入id＝“”中填充文本时，如何调用函数java脚本;value_ 1”;然后按键盘上的“Enter”

How to call function java script when user fill text in input id="value_1" and then press `Enter` on keyboard?

本文关键字：value 脚本 函数 java 然后 Enter 键盘 调用 id 输入 用户      更新时间：2023-09-26

当用户在输入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"/>

使用表单的onsubmit属性而不是

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

如果您想在更改文本框中的数据后立即调用该函数，则可以使用onChange

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

如果你想在提交时调用函数，你可以选择onSubmit

使用事件侦听器。

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

为什么不试试jQuery，很简单：

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

尝试使用jQuery，它更简单、更强！

相关文章：