javascript - 按下回车键时如何使函数执行某些操作
问题描述
是的,所以我想办法做到这一点,但我不能很好地表达,所以是的:(我怎样才能使输入回车键触发功能?我正在做这个聊天应用程序,当然回车键很方便是用于发送消息,而不是单击按钮。无论如何,这是我认为应该工作的代码..“SOMETHING GOES HERE”代码中应该包含什么?
btn.addEventListener('SOMETHING GOES HERE', function(){
socket.emit('chat', {
message: message.value,
handle: handle.value
});
});
抱歉,如果之前有人问过,只是我找不到我要找的东西,因为我说得不好......
解决方案
为了捕捉 keypress 事件,您需要听其中一个keyup
, keydown
,或者keypress
然后通过 识别所需的键which
。输入的特殊代码在哪里,13
所以你应该在任何时候运行你的函数e.which == 13
。但是这里有一点注意,它btn
本身不会捕获key
事件,所以你应该将你的事件绑定到你的input
。
所以你的代码应该是这样的:
btn.addEventListener('keypress', function(e) {// Replace btn with your input.
if (e.which == 13) {
socket.emit('chat', {
message: message.value,
handle: handle.value
});
}
});
推荐阅读
- python - 在win10外置GPU上安装pytorch失败
- javascript - 表格数据 | axios:无法从 FormData 获取标题,错误:getHeaders 不是函数
- python - Python 请求 html,我没有在网页中获得完整的数组 - url=cmegroup
- java - Java SDK 自平衡二叉搜索树
- html - 如何在不使父输入元素变大的情况下使字体变大?
- javascript - 为单个规则运行 eslint
- javascript - 获取值的动态页面标题
- reactjs - React 中 PureComponent 和 Component 的内部实现有什么区别?
- powershell - 如何在 Power shell 的文本框中按 Enter 键?
- python - python中意外的多个运算符行为