如何使用javascript在html中按enter键调用函数?

如何使用javascript在html中按enter键调用函数?,javascript,html,css,Javascript,Html,Css,var input=document.getElementByIdsearch; 函数显示{ document.getElementByIdoutput.innerHTML=这是真的; } 函数showFalse{ document.getElementByIdoutput.innerHTML=为false; } //获取输入字段 //当用户释放键盘上的键时执行一个函数 input.addEventListenerkeyup,functionevent{ //如果需要,取消默认操作 违约事件;

var input=document.getElementByIdsearch; 函数显示{ document.getElementByIdoutput.innerHTML=这是真的; } 函数showFalse{ document.getElementByIdoutput.innerHTML=为false; } //获取输入字段 //当用户释放键盘上的键时执行一个函数 input.addEventListenerkeyup,functionevent{ //如果需要,取消默认操作 违约事件; //数字13是键盘上的回车键 如果event.keyCode==13{ //通过单击触发按钮元素 作假; } }; 你在找什么?


当按键事件的默认操作完成时,该页面将被替换,因此您需要为按键事件添加一个侦听器,并在按下enter键时调用.preventDefault。键控事件不需要任何默认值,好吗

不过,还有另一个问题;看起来您的脚本标记位于头部,不会等待文档填充运行。为它指定defer属性

<script type="text/javascript" src="js/main.js" defer>
你在找什么?


当按键事件的默认操作完成时,该页面将被替换,因此您需要为按键事件添加一个侦听器,并在按下enter键时调用.preventDefault。键控事件不需要任何默认值,好吗

不过,还有另一个问题;看起来您的脚本标记位于头部,不会等待文档填充运行。为它指定defer属性

<script type="text/javascript" src="js/main.js" defer>
你在找什么?


未捕获的TypeError:无法读取null属性'addEventListener',而且它仍在刷新实时演示的按运行代码段-正如您所看到的,它应该工作得非常好。看起来您的脚本标记在头部,不会等待文档填充运行。为它指定defer属性。是的,这是一个错误,只感谢它解决了添加它来回答,你能解释延迟对要填充的输入做了什么吗,在keypress listener中,当keyCode为13 Uncaught TypeError时调用preventDefault:无法读取属性'addEventListener'为null,而且它仍然在刷新实时演示的Press运行代码段-如你所见,它应该工作得很好。看起来你的脚本标签在头部,不需要等待文档填充运行。为它指定defer属性。是的,那是个错误,只感谢它解决了,把它添加到回答中,你能解释一下延迟对要填充的输入做了什么吗?在按键侦听器中,当按键代码为13时调用preventDefault