JavaScript - テキスト ボックスの onblur イベントが継続的にトリガーされる問題
漂亮男人
漂亮男人 2017-05-19 10:13:27
0
2
1069

text タグ onblur="alert()"
Alert() は、テキスト ボックスがカーソルを失ったときにトリガーされます。
ただし、マウスがこのテキストを選択し、マウスがブラウザ ウィンドウ全体から離れたとき (たとえば、デスクトップをクリックしたときと同様)、これにより、alert() イベントがトリガーされます。
ここで問題が発生します。
マウスがブラウザに戻り、ポップアップの [OK] ボタンをクリックすると、ポップアップ ウィンドウが継続します。ポップアップが表示されます...
どうすればいいですか?

漂亮男人
漂亮男人

全員に返信(2)
刘奇

これは起こりません。コードを投稿してください。


補足

答えられるなら、以下のコードは問題ないはずです

。 リーリー

IE11、Firefox、Chromeでテスト済み


補足

ここで説明した状況は実際に存在します。その理由を考えてみましょう。

元に切り替えた後、ウィンドウはフォーカスを失います。元に戻ると、テキスト ボックスが自動的にフォーカスを取得するため、継続的にトリガーされます。

実際、使用中にこの種の問題が発生することは比較的まれです。 解決策の 1 つは、次のように、ウィンドウがフォーカスを失ったときにテキスト ボックスもフォーカスを失うようにすることです。

テスト済みの問題が解決されました

リーリー
いいねを押す +0
黄舟

私が試してみたところ、それは存在しますが、アラートを他のもの(console.logなど)に変更すると、通常の状況ではブラーが繰り返し発生することはないため、この問題は発生しません。解決されないので大きな影響はありません。なぜこのようなことが起こるかについては、わかりません~~

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート