Question

如果我必须在该文本框中输入任何值并按Tab键。文本框将删除，值应显示。像这样$('#txt').val();

请帮帮我怎么办？

Answer 1

<div>
<input type='text' id='txt'>
</div>

//If you don't require a tab push
$('#txt').live('blur'){
   var value = $(this).val();
   if(value){
      $(this).parent().html(value);
   }    
}

//If you want tab only
$('#textbox').live('keydown', function(e) { 
  var keyCode = e.keyCode || e.which; 

  if (keyCode == 9) { 
    e.preventDefault(); 
    var value = $(this).val();
    if(value){
        $(this).parent().html(value);
     }    
  } 
});

正如其他人所说，如果你不能改变你的HTML标记以符合上述......

$('#txt').blur(function(){
    $(this).hide().after($(this).val());
});

Answer 2

在这里拍摄臀部。这是你在找什么？

$('input[type="text"]').blur(function() {
  $(this).hide().after($('<span>').text($(this).val()));
});

$('input[type="text"]').keydown(function (e) {
  if (e.keyCode == 9) {
    $(this).hide().after($('<span>').text($(this).val()));
  }
});

Answer 3

试试这个：

$('#txt').blur(function(){
    $(this).hide().after($(this).val());
});

工作示例：http://jsfiddle.net/AlienWebguy/Jdf5m/1/

如何在jquery中禁用文本框？

3 个答案: