有没有办法通过javascript输入提交输入?我找不到解决方案。对不起,我有点像新手。谢谢你的帮助!
<div class="ergonomierechner">
<p style="text-align: center; font-size: 150%; font-weight: bold; margin-top: 5px;">Individueller Ergonomie-Rechner</p>
<p>Deine Körpergröß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öhe im Sitzen:</th>
<th>Armlehnenhöhe:</th>
<th>Stuhlhöhe:</th>
<th>Tischhö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>
有没有办法通过javascript输入提交输入?我找不到解决方案。对不起,我有点像新手。谢谢你的帮助!
答案 0 :(得分:1)
If you wrap your input
s with a form
tag, you'll be able to achieve what you want without using JavaScript.
<div class="ergonomierechner">
<p>Individueller Ergonomie-Rechner</p>
<p>Deine Körpergröß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öhe im Sitzen:</th>
<th>Armlehnenhöhe:</th>
<th>Stuhlhöhe:</th>
<th>Tischhö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>
Also, in your function ausgeben
you're defining several variables without using var
and, because of that, you're polluting the global namespace. Do it like this:
function ausgeben() {
var koerpergroesse = parseInt(document.getElementById("eing1").value)
var tischsitzen = koerpergroesse/2.43; // Initialize with `var` keyword
tischsitzen = Math.round(tischsitzen); // Reassign without `var` keyword
var armlehne = koerpergroesse/6.75;
armlehne = Math.round(armlehne);
var stuhl = koerpergroesse/3.72;
stuhl = Math.round(stuhl);
var 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";
}
That way your variables koerpergroesse
, tischsitzen
, armlehne
, stuhl
, and tischstehen
are declared within the scope of your function.
Here are a couple links about Scopes that can be useful:
https://developer.mozilla.org/en-US/docs/Glossary/Scope
https://en.wikipedia.org/wiki/Scope_(computer_science)
https://scotch.io/tutorials/understanding-scope-in-javascript
答案 1 :(得分:0)
你可以结账代码(密码):)
输入= 13:)
类似的东西:
的Javascript
function submitForm(){
document.formName.submit();
document.formName.method='post';
}
document.onkeydown=function(){
if(window.event.keyCode=='13'){
submitForm();
}
}
答案 2 :(得分:0)
使用jQuery,这是实现此目的的众多方法之一:
$(".my_input_box").keyup(function(event) {
if (event.keyCode == 13) {
$(".search_button").click();
}
});