jQuery獲得和失去焦點(diǎn)事件是Web開發(fā)中常用的功能之一。獲得焦點(diǎn)事件通常用于在某個元素聚焦時觸發(fā)一些動態(tài)效果,而失去焦點(diǎn)事件則可用于驗(yàn)證表單輸入是否符合規(guī)范。
//獲得焦點(diǎn)事件 $(selector).focus(function(){ //do something }); //失去焦點(diǎn)事件 $(selector).blur(function(){ //do something });
在上述代碼中,selector指代需要觸發(fā)事件的元素,focus和blur是兩種不同的事件,當(dāng)元素被聚焦時會觸發(fā)focus事件,反之則會觸發(fā)blur事件。在事件函數(shù)內(nèi)可以編寫需要執(zhí)行的代碼,比如修改元素CSS屬性、異步請求等操作。
此外,jQuery還提供了on()方法,它可以同時處理多個事件類型,比如獲得焦點(diǎn)事件和失去焦點(diǎn)事件:
//同時處理獲得焦點(diǎn)和失去焦點(diǎn)事件 $(selector).on("focus blur", function(){ //do something });
通過使用on()方法,可以更加靈活和便捷地管理事件。