Javascript 有人能解释一下为什么我按回车键时什么也没发生吗？_Javascript

Javascript 有人能解释一下为什么我按回车键时什么也没发生吗？

javascript

Javascript 有人能解释一下为什么我按回车键时什么也没发生吗？,javascript,Javascript,有人能解释一下为什么当我在文本框 <script> function buttonCode(){ alert("Button code executed.") } var input = document.getElementById("userinput"); input.addEventListener("keyup", function(event) { if (event.keyCode === 13){ event.preventDefault(); docume

有人能解释一下为什么当我在
文本框

<script>
function buttonCode(){
  alert("Button code executed.") }

var input = document.getElementById("userinput");

input.addEventListener("keyup", function(event) {
if (event.keyCode === 13){
event.preventDefault();
document.getElementById("button1").click();
    }
  });
</script>


<body>
  <input id="userinput" type ="text">
  <button id="button1"
          onclick = "buttonCode()"
          >
    Button
  </button>
</body>


函数按钮代码（）{
警报（“已执行按钮代码”）}
var input=document.getElementById（“userinput”）；
input.addEventListener（“键控”，函数（事件）{
如果（event.keyCode===13）{
event.preventDefault（）；
document.getElementById（“button1”）。单击（）；
}
});
按钮


按钮
函数按钮代码（）{
警报（“已执行按钮代码”）}
var input=document.getElementById（“userinput”）；
input.addEventListener（“键控”，函数（事件）{
如果（event.keyCode===13）{
event.preventDefault（）；
document.getElementById（“button1”）。单击（）；
}
});

试试这个需要在html元素之后编写脚本

你希望发生什么事？@Quentin:编辑删除了/解决了这个问题。他的代码根本找不到元素，因为它在元素存在之前执行，这在设计的代码片段中不是问题。嗯，看起来t.J.Crowder和我一样关闭了它，然后重新打开了它。不过，我敢肯定这就是问题所在@Vic4561让我们知道使用就绪事件或将脚本移动到html底部是否不起作用fix@T.J.Crowder该函数有一个结束符

，因此它不会包装侦听器setup@PatrickEvans-啊，谢谢。维克-请不要使用那种支撑方式。似乎有人在教人们，我无法想象为什么，但它很难阅读和编辑（想想你需要做多少工作才能在块中移动线条）。

<body>
  <input id="userinput" type ="text">
  <button id="button1" onclick = "buttonCode()" >
    Button
  </button>

  <script>

function buttonCode(){
  alert("Button code executed.") }

var input = document.getElementById("userinput");

input.addEventListener("keyup", function(event) {
if (event.keyCode === 13){
event.preventDefault();
document.getElementById("button1").click();
    }
  });
</script>
</body>