ホームページ  >  記事  >  ウェブフロントエンド  >  IE_javascript スキルでのチェックボックスのダブルクリックの応答遅延の問題の解決策

IE_javascript スキルでのチェックボックスのダブルクリックの応答遅延の問題の解決策

WBOY
WBOYオリジナル
2016-05-16 16:54:171343ブラウズ
コードをコピー コードは次のとおりです。



上記のコードは、IE に複数選択ボックスを生成します。それをクリックすると、チェック ボックスがオンになります。もう一度チェックするとキャンセルされます。

これで問題はないようですが、このボタンを素早く 2 回 (ダブルクリックよりも少し遅い...) クリックしようとすると、期待どおりの効果が得られない可能性があります。

IE では、このときチェックボックスがオンになっていると、素早く 2 回クリックすると、最初のクリックでチェックボックスがオフになり、2 回目のクリック以降はチェックボックスがオフになります。選択されていますが、選択されていない状態のままになります。

Chromeなどのブラウザでは、最初のクリックでチェックボックスのチェックが外れ、2回目のクリックでチェックボックスが選択された状態に戻ります。

IE では、ダブルクリックすると、チェックボックスが反対の状態に変わります。 IE 以外では、ダブルクリック後のチェックボックスは同じ状態になります。

IE の下のチェックボックスをダブルクリックして非 IE の効果を実現したい場合は、次のコードを使用する必要があります:
Copy code コードは次のとおりです。


$("input[type='checkbox'] ").attr('ondblclick', ' this.click()');
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。