<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<script src="../js/third_party/jq142unmin.js"></script>
<script>
$(document).ready( function(){
$("#set_focus1").click(function(){
console.log($("#input1").focus());
});
$("#set_focus2").click(function(){
console.log($("#input2").focus());
});
});
</script>
</head>
<body>
<input id="input1"></input>
<input id="input2"></input>
<button id="set_focus1">Set Focus1</button>
<button id="set_focus2">Set Focus2</button>
</body>
</html>
コード自体は、私が思うように機能します。たとえば、ボタンをクリックすると、どちらかの入力にフォーカスが設定されます。しかし、コンソールから同じことを試しても効果はありません (エラー メッセージは表示されず、何もしません)。上記のように、いくつかの異なる方法で試しました。
これらの入力要素でコンソールから実行される他の jQuery 関数。$("#input1").val("foo")、期待どおりに動作します。focus() の違いは何ですか?