[javascript,asp.net mvc]讓使用者按下enter的時候,進行按下查詢按鈕

  • 656
  • 0

[javascript,asp.net mvc]讓使用者按下enter的時候,進行按下查詢按鈕

為了要使用者方便,通常要讓他可以按下enter之後,直接進行查詢該網頁的功能
首先在專案裡面新增一個.js檔案:

//當使用者按下enter的時候,進行查詢doquery()
function keypressHandler(e) {
    if (e.which == 13) {
        
        e.preventDefault(); //stops default action: submitting form
        doQuery();
                       
    }
}
$(document).ready(function () {
    $('#PostForm').keypress(keypressHandler);
});
      


然後再view的.cshtml檔案裡面引用這個js檔案即可:

<!--當使用者按下enter的時候,進行查詢doquery()-->
<script src="~/Scripts/query.press.enter.js"></script>



參考資料:
Handle user hitting 'Enter' key in a ASP.NET MVC web site
https://stackoverflow.com/questions/1041247/handle-user-hitting-enter-key-in-a-asp-net-mvc-web-site