jqueryでフォーカスが失われたかどうかを確認する方法-フロントエンドQ&A-php.cn

jqueryでフォーカスが失われたかどうかを確認する方法

WBOY

リリース： 2022-04-02 12:05:33

オリジナル

2655 人が閲覧しました

jquery では、blur() メソッドと focus() メソッドを使用して、要素がフォーカスを失ったかどうかを判断できます。これは、要素がフォーカスを失ったりフォーカスを獲得したときにイベントをトリガーするために使用されます。構文は「element object」です。 .blur(function(){フォーカスを失った" コード;}要素 object.focus(function(){フォーカスコードを取得;}".

jqueryでフォーカスが失われたかどうかを確認する方法

動作環境このチュートリアルの内容: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery はフォーカスを失ったかどうかをどのように判断するのか

blur イベントは、要素がフォーカスを失ったときに発生します。

blur() メソッドは、ブラーイベントをトリガーするか、ブラーイベントの発生時に実行される関数を指定します。

選択した要素のブラーイベントをトリガーします:

$(selector).blur()

ログイン後にコピー

ブラーイベントに関数を追加します:

$(selector).blur(function)

ログイン後にコピー

When 要素がフォーカスを取得すると、フォーカスイベントが発生します。

focus() メソッドは、 focus イベント、またはフォーカスイベントの発生時に実行される関数を指定します。

選択した要素のフォーカスイベントをトリガーします:

$(selector).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でフォーカスが失われたかどうかを確認する方法