jQueryでテキストボックスからフォーカスを外す方法

聞きたいこと

JavaScriptでテキストボックスからフォーカスを外す場合は、下記の通りで可能かと思います。

HTML
1<!DOCTYPE html>
2<html>
3  <head>
4  </head>
5  <body>
6    <input type="text" id="username">
7  </body>
8</html>

JavaScript
1document.getElementById('username').blur();

ただ、jQueryで実装する方法が見当たりません。
似たようなメソッドで、 $('#username').blur(function(){}) はありますが、フォーカスが外れたタイミングで実施する際の処理を定義しているようです。

行動規範の内容に同意します

回答5件

ベストアンサー

.blur()と引数を何も指定せずに実行した場合、フォーカスを外すアクションを行います（jQuery公式）。

jQueryにはこのような「引数の数や型によって動作が変わるメソッド」がよくありますので、ご注意ください。

投稿2019/01/25 07:21

maisumakun

総合スコア146507

jQueryオブジェクトは「DOM要素の配列」みたいな存在なので無いのでしょう。
ん？htmlやtextはあるけど先頭の要素のものだけ使ってますね。
もしかしたらあるのかもしれませんが、質問内容を解決するだけなら簡単です。

JavaScript
1// こんな感じでjQueryからネイティブのDOMオブジェクトに変換できる
2$('#username')[0].blur();
3$('#username').get(0).blur();

jQueryはDOM要素が配列状に存在していて、
何時でもネイティブなDOMを取り出す事が可能です。

投稿2019/01/25 07:06

miyabi-sun

総合スコア21386

そのまま.blur()でいけますよ。

jQuery blur() Method

投稿2019/01/25 07:56

m.ts10806

総合スコア80886

$('#username').blur() でいけます。

$('#username').click()や$('#username').focus()や$('#username').mouseover()や
色々一通りありますよ。

投稿2019/01/25 07:36

root_jp

総合スコア4666

普通に外れますよね？
focus後3秒後にblurするサンプルです。
focus後適当にキー入力してください、3秒後にblurして入力ができなくなります
（またfocusすればいいだけですが）

javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(e){
3  document.querySelector('#username').addEventListener('focus',function(e){
4    setTimeout(function(){e.target.blur()},3000);
5  });
6});
7</script>
8<input type="text" id="username">