[英]How to detect input-text pressed key on javascript
我有这个简单的文件:
<!DOCTYPE html>
<html>
<body>
<input id="mytext" onkeypress="myfun(e)"></input>
<p id="demo"></p>
<script> function myfun(e){
if(e.keyCode==13) alert('Enter Key Pressed');}
});
</script>
</body>
</html>
我想要的是:当用户在mytext上按Enter键时,显示一条警报以通知用户,例如此消息: Enter Key Pressed
我做了上面的每件事,但是那行不通,在mytext上按Enter键也没有任何警报显示。
请帮助!..
您可以添加事件侦听器以监听onkeypress
事件:
document.getElementById('mytext').addEventListener('keypress', function(e) {
if(e.keyCode == 13) alert('Enter Key Pressed');
});
另外,输入标签没有结束标签。 这是一个生动的例子
如果要以处理程序的形式内联调用它,请尝试以下操作:
<input id="mytext" onkeypress="myfun(event)"> <p id="demo"></p> <script> function myfun(event){ var key = event.keyCode || event.which; if(key === 13) alert('Enter Key Pressed'); } </script>
您必须使用event
作为参数,以确保它可以作为处理程序正常工作。 现在,获取关键代码并检查它是否为13,然后发出警报。
当您用myfun(event)替换myfun(e)时,您的代码有效。 我还纠正了一些语法错误。
<html>
<body>
<input id="mytext" onkeypress="myfun(event)"></input>
<p id="demo"></p>
<script>
function myfun(e){
if(e.keyCode==13) alert('Enter Key Pressed');
};
</script>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.