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

【问题标题】：Prevent refresh on enter. while in input box防止输入时刷新。在输入框中
【发布时间】：2015-04-07 12:48:17
【问题描述】：

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

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

【问题讨论】：

标签： jquery inputbox

【解决方案1】：

使用下面的代码。当 keyCode 为 13 时添加e.preventDefault();

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

$(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;
   }
 });
});

【讨论】：

太棒了；）。 keydown 首先触发