防止刷新进入。在输入框中

Question

只要输入框处于焦点状态，Enter 就会导致页面刷新。我想防止进入时刷新并在其上放置一个事件。这是我想出的，但这会触发 Enter 刷新：

$(document).ready(function () {
$("#textboxid").on('keyup', function(e){
    if(e.keyCode === 13){
        $("#textboxid").animate({
        color: '#FFF'
    }, 2000, function () {
        $(this).val('').css('color', 'black');
    }); 
    }
});
});

Answer 1

使用下面的代码。当 keyCode 为 13

时添加 e.preventDefault();

您可以检查按键事件的条件。当用户按下回车键时触发。

$(document).ready(function () {
  $("#textboxid").on('keydown', function(e){
    if(e.which === 13){
      e.preventDefault();
      $("#textboxid").animate({
       color: '#FFF'
      }, 2000, function () {
       $(this).val('').css('color', 'black');
    }); 
   }
 });
});

或者使用return false来阻止页面刷新

$(document).ready(function () {
  $("#textboxid").on('keydown', function(e){
    if( e.which === 13){
      $("#textboxid").animate({
       color: '#FFF'
      }, 2000, function () {
       $(this).val('').css('color', 'black');
    }); 
    return false;
   }
 });
});

防止刷新进入。在输入框中

Prevent refresh on enter. while in input box

jquery

inputbox