方法:1、利用“$”綁定指定元素獲取元素對象,語法為“$(元素)”;2、利用blur()方法給元素對象綁定失去焦點事件,失去焦點則會失去光標,該方法用于設置元素失去焦點時發(fā)生blur事件,語法為“元素對象.blur()”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery怎么綁定元素使其失去光標
1、綁定元素
語法為:
$(selector)
2、使其失去光標
當元素失去焦點時發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件,或規(guī)定當發(fā)生 blur 事件時運行的函數。
提示:該方法常與 focus() 方法一起使用。
語法
為被選元素觸發(fā) blur 事件:
$(selector).blur()
添加函數到 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("輸入框失去了焦點"); }); }); </script> </head> <body> 輸入你的名字: <input type="text"> <p>在輸入框寫些東西,然后點擊輸入框外,讓其失去焦點。</p> </body> </html>
輸出結果:
點擊邊框外之后:
視頻教程推薦:jQuery視頻教程