javascript - フォーカス時にクラスを追加

Question

私はテキストエリアを持っていて、それが欲しいので、誰かがテキストエリアをクリックすると (または f (キーコード 70) を押すと)、他のすべてがフェードアウトし、ボディにクラスフォーカスが追加されます。

jQueryでそれを行うにはどうすればよいですか?

Answer 1

$('textarea').focus(function() {
     $(this).addClass('focusClass');
});

Answer 2

あなたの質問の残りに答えるために、@Swadqが言ったことに追加してください：

//Listen for the 'f' key to be pressed
$(window).keydown(function(event) {
  if(event.keyCode === 70) {
    $('#textarea').focus();
  }
});
$('#textarea').focus(function() {
  $(body).addClass('focus');
});

フェード ビットについては、http: //buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/を参照してください。