如果在特定输入时按下 Enter，我正在尝试执行一个功能。
我做错了什么？
$(document).keyup(function (e) {
if ($(".input1").is(":focus") && (e.keyCode == 13)) {
// Do something
}
});
有没有更好的方法来做到这一点，如果在.input1do 功能上按下输入键？
检测文本输入字段中的 Enter 键
IT技术
javascript
jquery
2021-03-08 04:12:59
6个回答
$(".input1").on('keyup', function (e) {
if (e.key === 'Enter' || e.keyCode === 13) {
// Do something
}
});
// e.key is the modern way of detecting keys
// e.keyCode is deprecated (left here for for legacy browsers support)
// keyup is not compatible with Jquery select(), Keydown is.
event.key === "回车"
更新更干净：使用event.key. 没有更多的任意数字代码！
注意：旧属性（
.keyCode和.which）已弃用。
const node = document.getElementsByClassName("input1")[0];
node.addEventListener("keyup", function(event) {
if (event.key === "Enter") {
// Do work
}
});
现代风格，带有 lambda 和解构
node.addEventListener("keyup", ({key}) => {
if (key === "Enter") {
// Do work
}
})
如果您必须使用 jQuery：
$(document).keyup(function(event) {
if ($(".input1").is(":focus") && event.key == "Enter") {
// Do work
}
});
$(document).keyup(function (e) {
if ($(".input1:focus") && (e.keyCode === 13)) {
alert('ya!')
}
});
或者只是绑定到输入本身
$('.input1').keyup(function (e) {
if (e.keyCode === 13) {
alert('ya!')
}
});
要确定您需要哪个 keyCode，请使用网站http://keycode.info
试试这个来检测Enter在文本框中按下的键。
$(function(){
$(".input1").keyup(function (e) {
if (e.which == 13) {
// Enter key pressed
}
});
});
我发现的最好方法是使用keydown（keyup对我来说效果不佳）。
注意：我还禁用了表单提交，因为通常当您喜欢按 Enter 键执行某些操作时，您唯一不喜欢的就是提交表单 :)
$('input').keydown( function( event ) {
if ( event.which === 13 ) {
// Do something
// Disable sending the related form
event.preventDefault();
return false;
}
});