テキストボックスをクリックしたときにボタンをフォーカスする方法

Question

ユーザーがその中をクリックすると、ボタンにフォーカスを置く必要があるテキストボックスがあります。入力キーを使用する必要はありません。ユーザーがテキストボックス内をクリックしたときのボタン。

$("#txtBox").click(function() { 
 

 
    alert("The textbox is clicked."); //added for testing purposes it doesnt get hit. 
 
    $("#button").focus(); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group col-sm-2"> 
 
    <label for="txtBox" class="sr-only">Text</label> 
 
    <input type="text" class="form-control" id="txtBox" name="txtBox"></div> 
 
<div class="form-group col-sm-1"> 
 
    <label for="button" class="sr-only">submit</label> 
 
    <button type="button" class="btn btn-default" id="button" name="button">Focus Me</button></div>

問題は、私のHTMLは、そのだから

Answer 1

txtBoxを検出していませんscript.so SQLに格納されてコメントによると、あなたはajax経由htmlをロードすることです、あなたDOMの後にhtmlを追加してください。ライブ（バインド）の機能を使用する必要がありますので、.onのように使用できますS：

$("#txtBox").on('click',function() { 
 

 
    alert("The textbox is clicked."); //added for testing purposes it doesnt get hit. 
 
    $("#button").focus(); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group col-sm-2"> 
 
    <label for="txtBox" class="sr-only">Text</label> 
 
    <input type="text" class="form-control" id="txtBox" name="txtBox"></div> 
 
<div class="form-group col-sm-1"> 
 
    <label for="button" class="sr-only">submit</label> 
 
    <button type="button" class="btn btn-default" id="button" name="button">Focus Me</button></div>

それとも

$(document).on('click','#txtBox',function() { 
 

 
    alert("The textbox is clicked."); //added for testing purposes it doesnt get hit. 
 
    $("#button").focus(); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group col-sm-2"> 
 
    <label for="txtBox" class="sr-only">Text</label> 
 
    <input type="text" class="form-control" id="txtBox" name="txtBox"></div> 
 
<div class="form-group col-sm-1"> 
 
    <label for="button" class="sr-only">submit</label> 
 
    <button type="button" class="btn btn-default" id="button" name="button">Focus Me</button></div>