jquery如何綁定元素使其失去光標(biāo)

發(fā)布時(shí)間：2022-06-15 09:52:33 來源：億速云閱讀：109 作者：iii 欄目：web開發(fā)

本篇內(nèi)容介紹了“jquery如何綁定元素使其失去光標(biāo)”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

方法：1、利用“$”綁定指定元素獲取元素對(duì)象，語法為“$(元素)”；2、利用blur()方法給元素對(duì)象綁定失去焦點(diǎn)事件，失去焦點(diǎn)則會(huì)失去光標(biāo)，該方法用于設(shè)置元素失去焦點(diǎn)時(shí)發(fā)生blur事件，語法為“元素對(duì)象.blur()”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

jquery綁定元素使其失去光標(biāo)

1、綁定元素

語法為：

$(selector)

2、使其失去光標(biāo)

當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。

blur() 方法觸發(fā) blur 事件，或規(guī)定當(dāng)發(fā)生 blur 事件時(shí)運(yùn)行的函數(shù)。

提示：該方法常與 focus() 方法一起使用。

語法

為被選元素觸發(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é)果：

jquery如何綁定元素使其失去光標(biāo)

點(diǎn)擊邊框外之后：

jquery如何綁定元素使其失去光標(biāo)

“jquery如何綁定元素使其失去光標(biāo)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

jquery如何綁定元素使其失去光標(biāo)

jquery綁定元素使其失去光標(biāo)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽