方法:1、利用“$”綁定指定元素獲取元素對(duì)象,語(yǔ)法為“$(元素)”;2、利用blur()方法給元素對(duì)象綁定失去焦點(diǎn)事件,失去焦點(diǎn)則會(huì)失去光標(biāo),該方法用于設(shè)置元素失去焦點(diǎn)時(shí)發(fā)生blur事件,語(yǔ)法為“元素對(duì)象.blur()”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery怎么綁定元素使其失去光標(biāo)
1、綁定元素
語(yǔ)法為:
$(selector)
2、使其失去光標(biāo)
當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件,或規(guī)定當(dāng)發(fā)生 blur 事件時(shí)運(yùn)行的函數(shù)。
提示:該方法常與 focus() 方法一起使用。
語(yǔ)法
為被選元素觸發(fā) blur 事件:
$(selector).blur()
添加函數(shù)到 blur 事件:
$(selector).blur(function)
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("input").blur(function(){ alert("輸入框失去了焦點(diǎn)"); }); }); </script> </head> <body> 輸入你的名字: <input type="text"> <p>在輸入框?qū)懶〇|西,然后點(diǎn)擊輸入框外,讓其失去焦點(diǎn)。</p> </body> </html>
輸出結(jié)果:
點(diǎn)擊邊框外之后:
視頻教程推薦:jQuery視頻教程