Javascript 输入并按enter键提交

Javascript 输入并按enter键提交,javascript,input,submit,Javascript,Input,Submit,有没有一种方法可以通过javascript通过enter提交输入?我找不到解决办法。对不起,我有点像新手。谢谢你的帮助 <div class="ergonomierechner"> <p style="text-align: center; font-size: 150%; font-weight: bold; margin-top: 5px;">Individueller Ergonomie-Rechner</p> <p>Dei

有没有一种方法可以通过javascript通过enter提交输入?我找不到解决办法。对不起,我有点像新手。谢谢你的帮助

<div class="ergonomierechner">
    <p style="text-align: center; font-size: 150%; font-weight: bold; margin-top: 5px;">Individueller Ergonomie-Rechner</p>

    <p>Deine K&ouml;rpergr&ouml;&szlig;e in cm:
        <input type="text" id="eing1" placeholder=" z. B. 175">
        <input type="button" value="Berechnen" onClick="ausgeben()">
        <br>
    </p>

    <table style="width:100%">
      <tr>
        <th>Tischh&ouml;he im Sitzen:</th>
        <th>Armlehnenh&ouml;he:</th>
        <th>Stuhlh&ouml;he:</th>
        <th>Tischh&ouml;he im Stehen:</th>
      </tr>
      <tr style="text-align: center;">
        <td><p id="tischsitzen"></p></td>
        <td><p id="armlehne"></p></td>
        <td><p id="stuhl"></p></td>
        <td><p id="tischstehen"></p></td>
      </tr>
    </table> 

</div>

<script type="text/javascript">

$("#eing1").keyup(function(event) {
    if (event.keyCode == 13) {
      $("ausgeben()").click();
    }
});

function ausgeben(){

    var koerpergroesse = parseInt(document.getElementById("eing1").value)

    tischsitzen = koerpergroesse/2.43;
    tischsitzen = Math.round(tischsitzen);
    armlehne = koerpergroesse/6.75;
    armlehne = Math.round(armlehne);
    stuhl = koerpergroesse/3.72;
    stuhl = Math.round(stuhl);
    tischstehen = koerpergroesse/1.52;
    tischstehen = Math.round(tischstehen);

    document.getElementById("tischsitzen").innerHTML=tischsitzen + " cm";
    document.getElementById("armlehne").innerHTML=armlehne + " cm";
    document.getElementById("stuhl").innerHTML=stuhl + " cm";
    document.getElementById("tischstehen").innerHTML=tischstehen + " cm";

}

</script>

个性化Ergonomie Rechner

戴恩·库姆;rpergrö&斯兹利格;e以厘米为单位:

蒂什和乌姆;他坐在那里: 阿姆莱纳和乌姆勒;他: 斯图尔和乌姆;他: 蒂什和乌姆;他是斯泰恩:

$(“#eing1”).keyup(函数(事件){ 如果(event.keyCode==13){ $(“ausgeben()”)。单击(); } }); 函数ausgeben(){ var koerpergroesse=parseInt(document.getElementById(“eing1”).value) tischsitzen=koerpergroesse/2.43; tischsitzen=数学圆(tischsitzen); armlehne=koerpergroesse/6.75; armlehne=数学圆(armlehne); stuhl=koerpergroesse/3.72; stuhl=数学圆(stuhl); tischstehen=koerpergroesse/1.52; tischstehen=数学圆(tischstehen); document.getElementById(“tischsitzen”).innerHTML=tischsitzen+“cm”; document.getElementById(“armlehne”).innerHTML=armlehne+“cm”; document.getElementById(“stuhl”).innerHTML=stuhl+“cm”; document.getElementById(“tischstehen”).innerHTML=tischstehen+“cm”; }

有没有一种方法可以通过javascript通过enter提交输入?我找不到解决办法。对不起,我有点像新手。谢谢你的帮助

您可以选择签出字符代码(键代码):)

<div class="ergonomierechner">
    <p style="text-align: center; font-size: 150%; font-weight: bold; margin-top: 5px;">Individueller Ergonomie-Rechner</p>

    <p>Deine K&ouml;rpergr&ouml;&szlig;e in cm:
        <input type="text" id="eing1" placeholder=" z. B. 175">
        <input type="button" value="Berechnen" onClick="ausgeben()">
        <br>
    </p>

    <table style="width:100%">
      <tr>
        <th>Tischh&ouml;he im Sitzen:</th>
        <th>Armlehnenh&ouml;he:</th>
        <th>Stuhlh&ouml;he:</th>
        <th>Tischh&ouml;he im Stehen:</th>
      </tr>
      <tr style="text-align: center;">
        <td><p id="tischsitzen"></p></td>
        <td><p id="armlehne"></p></td>
        <td><p id="stuhl"></p></td>
        <td><p id="tischstehen"></p></td>
      </tr>
    </table> 

</div>

<script type="text/javascript">

$("#eing1").keyup(function(event) {
    if (event.keyCode == 13) {
      $("ausgeben()").click();
    }
});

function ausgeben(){

    var koerpergroesse = parseInt(document.getElementById("eing1").value)

    tischsitzen = koerpergroesse/2.43;
    tischsitzen = Math.round(tischsitzen);
    armlehne = koerpergroesse/6.75;
    armlehne = Math.round(armlehne);
    stuhl = koerpergroesse/3.72;
    stuhl = Math.round(stuhl);
    tischstehen = koerpergroesse/1.52;
    tischstehen = Math.round(tischstehen);

    document.getElementById("tischsitzen").innerHTML=tischsitzen + " cm";
    document.getElementById("armlehne").innerHTML=armlehne + " cm";
    document.getElementById("stuhl").innerHTML=stuhl + " cm";
    document.getElementById("tischstehen").innerHTML=tischstehen + " cm";

}

</script>
输入is=13:)

类似于:

Javascript

function submitForm(){
    document.formName.submit();
    document.formName.method='post';
}

document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        submitForm();
    }
}

使用jQuery,以下是实现此目的的多种方法之一:

$(".my_input_box").keyup(function(event) {
    if (event.keyCode == 13) {
      $(".search_button").click();
    }
});

如果使用
表单
标记包装
输入
s,则无需使用JavaScript即可实现所需功能

<div class="ergonomierechner">
    <p>Individueller Ergonomie-Rechner</p>

    <p>Deine K&ouml;rpergr&ouml;&szlig;e in cm:</p>

    <form>
        <input type="text" id="eing1" placeholder=" z. B. 175">
        <input type="button" value="Berechnen" onClick="ausgeben()">
    </form>

    <table style="width:100%">
        <tr>
            <th>Tischh&ouml;he im Sitzen:</th>
            <th>Armlehnenh&ouml;he:</th>
            <th>Stuhlh&ouml;he:</th>
            <th>Tischh&ouml;he im Stehen:</th>
        </tr>
        <tr style="text-align: center;">
            <td><p id="tischsitzen"></p></td>
            <td><p id="armlehne"></p></td>
            <td><p id="stuhl"></p></td>
            <td><p id="tischstehen"></p></td>
        </tr>
    </table>
</div>
这样,变量
koerpergroesse
tischsitzen
armlehne
stuhl
tischstehen
都在函数范围内声明

以下是一些关于作用域的有用链接:


提交到哪里?因为我真的看不出你在哪里屈服。如果在
表单中有一个
按钮type=“submit”
,那么它可以通过enter提交,而无需额外的Javascript。第二个输入是带有函数ausgeben()的按钮。非常感谢你。我把电话换成了。现在它不需要任何额外的js代码就可以工作,但是它只出现了几毫秒就消失了。如果我按下按钮,它将正常显示为一个注释,
执行相同的操作,除了使用
输入
它也会提交其值,而使用
按钮
它不会提交。这真的取决于你想要什么/需要什么,但两者都起作用。我曾试图实施你的解决方案,但有些东西不起作用。我在上面编辑了我的文章。你能看一下吗?非常感谢。我也把它换成了。现在它不需要任何额外的js代码就可以工作,但是它只出现了几毫秒就消失了。如果我按下按钮,它会正常出现