jQuery中的click()方法是處理點擊事件的常用方法,它可以在用戶點擊頁面某個元素時執(zhí)行相應(yīng)的操作。在click()方法中,可以使用return語句來控制是否中斷事件的執(zhí)行。
$(document).ready(function(){ $("button").click(function(){ if($("#myInput").val() === ""){ alert("請輸入內(nèi)容!"); return; } $("p").text($("#myInput").val()); }); });
上述代碼感受到click()方法中的return語句的重要性。在按鈕被點擊的時候,通過判斷輸入框的值是否為空,如果為空則彈出提示框并執(zhí)行return語句,中斷事件執(zhí)行。如果輸入框的值不為空,則把輸入框的值設(shè)置到段落標(biāo)簽中。由于沒有執(zhí)行return語句,事件執(zhí)行到最后。
另外,在某些情況下,需要使用return false來阻止默認(rèn)的行為,例如:
$(document).ready(function(){ $("a").click(function(){ alert("鏈接已被點擊!"); return false; }); });
上述代碼中,當(dāng)鏈接被點擊時,彈出提示框并執(zhí)行return false語句,阻止默認(rèn)的鏈接跳轉(zhuǎn)行為。這種用法在一些交互效果的實現(xiàn)中很常見,例如彈出層模式。