JavaScript中function 之return false的理解(執行個體代碼)

標籤：java   post   key   效果   節點   使用者名稱   不能   pre   null   

1.司空見慣代碼,在某一dom節點上註冊事件方法

$("#btnResponse").click(Login);$("#txtCode").keydown(ReturnKey);

2.非常正常的Login function,只是裡面用了swal外掛程式

代碼執行效果就是我要的,點擊btnResponse,當滿足觸發條件,彈出swal提示框,非常好.

function Login(e) {    var loginUserId = $("#txtUserno").val(); //使用者名稱    var passWord = $("#txtPassword").val();  //密碼    var pCode = $("#txtCode").val();  //圖形驗證碼    //驗證必填項    if (loginUserId === null || loginUserId.trim() === "") {        swal({            title: "失敗",            text: "帳號不可為空",            type: "warning",            showCancelButton: true,            confirmButtonColor: "#DD6B55",            confirmButtonText: "確定",            closeOnConfirm: false        });        return false;    }    //略...

3.沒達到預期效果的ReturnKey方法設計,彈出swal提示框立刻刷掉,看了下Login和ReturnKey的區別,無非ReturnKey又套了一層,再調用Login方法

function ReturnKey(event) {    if (event.keyCode == 13) {       Login();    }}

說明:分析上面的代碼,ReturnKey在執行完成Login之後, ReturnKey所在的執行線程有繼續執行,所以swal被刷掉了.

4.改動代碼,達到預期效果, 斷行符號之後,swal彈出框停留在頁面.

function ReturnKey(event) {    if (event.keyCode == 13) {       return Login();//Login(); return false;    }}

 

JavaScript中function 之return false的理解(執行個體代碼)