輸入鍵盤輸入按鈕

Question

任何人都可以教我如何在按下鍵盤「Enter」時使輸入按鈕點亮？

我從網上學習的東西就是這樣的，但是當我按下鍵盤輸入時它不起作用。任何人都可以告訴我如何？

<input type="text" id="info" name="info" /> 
<input type="button" id="bn" name="bn" value="click" onclick="read()" /> 

<script> 

$(document).ready(function(){ 
    $('#info').keypress(function(e){ 
     if(e.keyCode==13) 
     $('#bn').click(); 
    }); 
}); 

function read() 
{ 
// do smth 
} 
</script> 

Answer 1

我加入小提琴：http://jsfiddle.net/nzu27rw4/1/ 確保你已經對這個腳本的頂部添加jQuery的參考

$(document).ready(function(){ 
 
    $('#info').keypress(function(e){ 
 
     if(e.keyCode==13) 
 
     $('#bn').click(); 
 
    }); 
 
}); 
 

 
function read() 
 
{ 
 
alert('read') 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input type="text" id="info" name="info" /> 
 
<input type="button" id="bn" name="bn" value="click" onclick="read()" />

Answer 2

試試這個代碼：

<input type="text" id="info" name="info" /> 
    <input type="button" id="bn" name="bn" value="click" onclick="read()" /> 

    <script> 

    $(document).ready(function(){ 
    $('#info').keyup(function(e){ 
     if(e.keyCode==13) 
     $('#bn').trigger("click"); 
    }); 
}); 

function read() 
{ 
alert('clicked') 
} 
    </script>