首頁 > 文章 > web前端 > jquery怎麼判斷是否失去焦點

jquery怎麼判斷是否失去焦點

WBOY原創: 2022-04-02 12:05:332547瀏覽

在jquery中，可用blur()和focus()方法判斷元素是否失去焦點，用於元素失去和獲取焦點時觸發事件，語法為「元素物件.blur(function(){失去焦點程式碼;}元素物件.focus(function(){取得焦點程式碼;}」。

jquery怎麼判斷是否失去焦點

#本教學操作環境：windows10系統、jquery3.2.1版本、 Dell G3電腦。

jquery怎麼判斷是否失去焦點

當元素失去焦點時發生blur 事件。

blur() 方法觸發blur 事件，或規定當發生blur 事件時運行的函數。

為被選元素觸發blur 事件：

$(selector).blur()

新增函數到blur 事件：

$(selector).blur(function)

#當當元素獲得焦點時，發生focus 事件。

focus() 方法觸發focus 事件，或規定當發生focus 事件時運行的函數。

觸發被選元素的focus 事件：

$(selector).focus()

新增函數到focus 事件：

$(selector).focus(function)

範例如下：

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").blur(function(){
    document.getElementById(&#39;city&#39;).innerHTML="失去焦点了";
  });
  $("input").focus(function(){
    document.getElementById(&#39;city&#39;).innerHTML="获得焦点了";
  });
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<p id="city">判断输入框是否失去焦点</p>
</body>
</html>

輸出結果：

jquery怎麼判斷是否失去焦點

######################################## ########相關影片教學推薦：###jQuery影片教學##########

以上是jquery怎麼判斷是否失去焦點的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery function 对象事件

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery怎麼讓超連結不可用下一篇：jquery怎麼讓超連結不可用

看更多