溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編今天帶大家了解jquery如何添加丟失焦點事件，文中知識點介紹的非常詳細。覺得有幫助的朋友可以跟著小編一起瀏覽文章的內容，希望能夠幫助更多想解決這個問題的朋友找到問題的答案，下面跟著小編一起深入學習“jquery如何添加丟失焦點事件”的知識吧。
在jquery中，可以利用blur()方法添加丟失焦點事件，該方法用于規定當元素失去焦點時發生blur事件，或者如果設置了function參數，該方法也可規定當元素丟失焦點時執行的代碼，語法為“$(selector).blur()”。
本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery怎樣添加丟失焦點事件
當元素失去焦點時發生 blur 事件。
blur() 函數觸發 blur 事件，或者如果設置了 function 參數，該函數也可規定當發生 blur 事件時執行的代碼。
觸發被選元素的 blur 事件。
語法為：
$(selector).blur()
規定當被選元素的 blur 事件發生時運行的函數。
語法為：
$(selector).blur(function)
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
<input type="text" />
<p>請在上面的輸入域中點擊，使其獲得焦點，然后在輸入域外面點擊，使其失去焦點。</p>
</body>
</html>輸出結果：
感謝大家的閱讀，以上就是“jquery如何添加丟失焦點事件”的全部內容了，學會的朋友趕緊操作起來吧。相信億速云小編一定會給大家帶來更優質的文章。謝謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
