カーソルを失うようにjqueryの要素をバインドする方法-フロントエンドQ&A-php.cn

カーソルを失うようにjqueryの要素をバインドする方法

WBOY

リリース： 2022-06-14 18:38:29

オリジナル

1343 人が閲覧しました

メソッド: 1. "$" を使用して、指定された要素をバインドし、要素オブジェクトを取得します。構文は "$(element)" です。 2. Blur() メソッドを使用して、要素オブジェクトをLost focus イベント。フォーカスが失われると、カーソルが失われます。このメソッドは、要素がフォーカスを失ったときに発生するブラーイベントを設定するために使用されます。構文は「element object.blur()」です。

カーソルを失うようにjqueryの要素をバインドする方法

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

カーソルを失うように要素を jquery でバインドする方法

1.要素のバインド

構文は次のとおりです:

$(selector)

ログイン後にコピー

2. カーソルを失うようにします

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

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

ヒント: このメソッドは、focus() メソッドと一緒によく使用されます。

構文

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

$(selector).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の要素をバインドする方法