как отключить текстовое поле в jquery?

Question

Если мне нужно ввести какое-либо значение в это текстовое поле и нажать кнопку табуляции.текстовое поле будет удалено, и значение должно быть отображено.вот так $('#txt').val();

Пожалуйста, помогите мне, как это сделать?

Answer 1

Съемка с бедра здесь.Это то, что вы ищете?

$('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 2

<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 3

Попробуйте это:

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

Рабочий пример: http://jsfiddle.net/AlienWebguy/Jdf5m/1/