Выбор текста textarea при табуляции

Question

Я нашел this question на переполнении стека и использовал код, указанный в верхнем ответе.

Это работает чудесно иначе, но есть перегиб; на моей странице у меня есть несколько текстовых полей. Фактически, селектор, который я использовал, был всего лишь "textarea".

Однако, когда «tabbing» из одного текстового поля в другое (с помощью клавиши Tab для перехода к следующему), по-видимому, событие фокусировки не срабатывает, и текст не выбирается.

Как изменить этот код для работы как по клику, так и по Tab?

JSFiddle здесь; http://jsfiddle.net/qQDbZ/ Я нахожусь в Chrome, и при нажатии на текстовое поле все выбирает, tabbing - нет.

Answer 1

Я был в состоянии получить эту работу со следующим обходным:

$('textarea').focus(function() { 
    var $this = $(this); 
    $this.select().mouseup(function() { 
     $this.off('mouseup'); 
     return false; 
    }); 
}).keyup(function(e) { 
    if(e.which === 9) { 
     this.select(); 
    } 
}); 

Демо: http://jsfiddle.net/KfFPM/3/

Я тестировал выше в Chrome 21, Safari 6, Firefox 14, Opera 12 и IE 9 Я буду тестировать больше версий позже; Я доволен. Работает при перемещении вперед и сдвигается + назад.

Переплет для keydown не работал.

Я все еще думаю, что это обходное решение не должно быть ненужным. Мое лучшее предположение заключается в том, что браузеры webkit обнаруживают вкладку в качестве нажатия клавиши внутри текстового поля и, следовательно, снимают текст с текста, так же, как любой браузер, если бы у вас был текст, выбранный в текстовом поле, а затем начал вводить текст.

Answer 2

$('input[type="textarea"]').keydown(function(event){ 
    var keypressed = event.keyCode || event.which, 
    tab = 9, 
    $this = $(this); 

    if(keypressed === tab){ 
     $this.next('textarea').focus(); 
    } 
}); 

не уверен, в чем проблема, но если вам нужно заставить решение, это должно сработать.

Answer 3

$('textarea').focus(function() { 
    var $this = $(this); 
    $this.select(); 
}).keyup(function(e) { 
    if(e.which === 9) { 
     this.select(); 
    } 
}).off('mouseup',function(){ 
    return false; 
})