輸入用戶名密碼后敲擊回車即可登錄是一個普通到我們經(jīng)常會忽略的功能，然而之前并不知道如何實現(xiàn)。jQuery 可以幫我們迅速實現(xiàn)這一功能，方式如下。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比立山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式立山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋立山地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

 

1.jQuery代碼：

$(function() {
    $("#login-input").keyup(function(e){
        if(e.which === 13) {
            $("#submit-button").click();
        }
    });
 
    $("#submit-button").click(function(e) {
        $.ajax({
            //some action
             });
      });
});

 

2.HTML代碼：

<input id="login-input" type="text" placeholder="回車提交" />
<button id="submit-button">登錄</button>

 

這樣一來，最終達到的效果是我們既可以通過直接點擊登錄按鈕提交請求，也可以在 input 框中輸入完成后直接敲擊回車提交請求。附件是HTML 文件，為了上傳后綴名改為了 .txt ，并沒有上傳 jquery 文件，參考時請注意引入jquery 文件。

本文題目：工作積累（三）——使用jQuery實現(xiàn)回車觸發(fā)事件
標(biāo)題來源：http://chinadenli.net/article42/jpcjhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、移動網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、微信公眾號、網(wǎng)站收錄、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)