問題タブ [focusin]

要素入力の focusin で関数を 1 回だけトリガーしたい。次のコードは、無限ループで関数を呼び出します。

イベントを「onClick」に変更できますが、入力要素が既に選択されている場合でも、ユーザーが入力要素をクリックするたびに関数が呼び出されます。これは望ましくありません。

伝播を妨げるこの問題を回避しようとしましたが、うまくいきません。これはコードです：

http://jsfiddle.net/r1b06udo/1/

伝播を停止する方法、または関数が一度だけ呼び出されるように制限する方法について何か考えはありますか?

更新: off() または one() を使用すると、ブラウザが更新されるまで関数の呼び出しが停止します。別の問題は、同じクラスの要素が複数ある場合、それらの機能が無効になることです。

http://jsfiddle.net/r1b06udo/2/

新しいアップデートがあります。アンバインドとバインドを選択します。あなたが見れば、それは最初のラウンドで機能します。しかし、あなたがまだ集中している場合、彼らは何もしませんが、あなたがまだ集中している場合、それはうまくいくでしょう.

http://jsfiddle.net/456at7y8/

内部でTinyMCEを使用しているときに、ブートストラップダイアログでフォーカスインの組み込みブロックをオーバーライドするためのこのクイックフィックスがあります。

以前は Chrome と Firefox で動作していました。しかし、今では Chrome では動作しなくなりました。

どうすれば修正できますか？

入力とラベルをラップする div に .active クラスをアタッチしています。

私の問題は、要素がラップされた DIV 内でクリックされたときにフォーカスアウトが発生し、これがスタイリングのわずかなちらつきの原因となっていることです。

例を次に示します: http://jsbin.com/mamacogimo/1/edit?html,js,output - ドロップダウンからラベルと項目をクリックします。青い背景がちらつくことがわかります。

ちらつきを防ぐ方法はありますか？

focusinテスト スイート用に Javascript (jQuery なし) のみを使用してイベントを手動でトリガーするのは非常に難しいことがわかりました。

どうやらブラウザにフォーカスがない場合 (テストでのみ発生する可能性があります)、focusin自分でイベントをシミュレートしたいと考えています。

CustomEventコンストラクターが機能することがわかりました

しかし、私はこのIE9 +を作る必要があります。昔ながらの方法はうまくいかないようです。

私の知る限り、これら2つの構造は機能的に同等であるはずですが、明らかにそうではありません。ブラウザのウィンドウにフォーカスがない場合、Chrome/Firefox/Safari でテストされています。

2番目のスニペットに何か問題がありますか?

私のコードは次のようになります。

jquery:

しかし、右のdivの入力間をクリックするとフォーカスイン/アウトが呼び出されますが、これを防ぐ方法は?

デモ: https://jsfiddle.net/swfzmdfd/