0

さて、クラス.cf-se-inputの入力フィールドがあります。ドキュメントの準備ができたら、できるだけ早くこのフィールドをjqueryでフォーカスしてほしいです。また、ユーザーが入力フィールドをクリックしたとき、または jquery フォーカスによってフィールドがフォーカスされた場合、#searchput の ID を持つ div にクラスを追加したいと考えています。こちらがシェイクダウン。

ページ読み込み => .cf-se-input が焦点になる =>

.cf-se-input がフォーカスされる => .cf-se-input がフォーカスされた場合、ユーザーがフィールドをクリックしたとき、または jquery automaticall がページ ロードにフォーカスしたときに、addClass .cfse_a を #searchput にロードします。

さらに先へ

これは私の検索ボックスです

<div id="searchput"> <input type="textarea" class="cf-se-input" /> </div>

.cfse_a のスタイルを設定して、そのクラスの境界線が青色になるようにしました。私の場合、青い境界線を持つ入力フィールドではなく、searchputのdivに青い境界線を付けたいのですが、入力フィールドがフォーカスされている場合のみです。

現在、jquery または手動でフィールドをフォーカスする方法は 2 つあります。両方被ってほしい。したがって、ユーザーが入力をクリックしてフォーカスされた場合でも、#searchput にクラスを追加したいと考えています。また、ページの読み込み時にjqueryが入力フィールドにフォーカスを強制する場合でも、#searchputにaddClass .cfse_aを追加したい。

4

2 に答える 2

1

$.focus()メソッドを使用する必要があります。ドキュメントを参照してください: http://api.jquery.com/focus/。

呼び出し$('.cf-se-input').focus()て、フォーカスをテキストエリアに移動できます。

テキストエリアがフォーカスされているときにコードを実行するために$('.cf-se-input').focus(function() { alert('focused!'); });fromを呼び出すことができます。$(document).ready

于 2012-05-22T19:48:31.220 に答える
0

ユーザーを強調表示するには、CSS だけを使用するのが最も簡単な方法です。

.inputElement:focus {
  box-shadow: 0 0 5px #EC8937;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #EC8937;
}

Jqueryドキュメントの準備ができたときに要素に別のクラスを追加できる場合は、開始時に入力を強調表示できます

ただし、フォーカスが不要になったとき、またはユーザーが他の何かをクリックしたときに、そのクラスを削除する方法があることを確認してください

于 2016-11-22T07:00:05.090 に答える