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

时间:2015-04-07 12:48:17

标签: jquery inputbox

每当输入框处于焦点时,在页面刷新中输入结果。我想阻止进入刷新并在其上放置一个事件。这是我想出的,但这会触发Enter刷新:

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

1 个答案:

答案 0 :(得分:2)

使用下面的代码。当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;
   }
 });
});