ホームページ  >  記事  >  ウェブフロントエンド  >  ブラウザの互換性の問題を解決する jQuery のケーススタディ_jquery

ブラウザの互換性の問題を解決する jQuery のケーススタディ_jquery

WBOY
WBOYオリジナル
2016-05-16 15:05:281225ブラウズ

この記事では、ブラウザの互換性の問題を解決する jQuery の方法を例とともに分析します。参考のために皆さんと共有してください。詳細は次のとおりです:

質問:

ユーザーが abc という名前の入力コントロールで Enter キーを押すと、別のコントロール imgLogin のクリック イベントがトリガーされます

IE では document.getElementById('abc').click() は abc のクリック イベントを呼び出すことができます

しかしFFではそうではありません。

解決策:

次のようにする必要があります:

var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
document.getElementById("imgLogin").dispatchEvent(evt);

入力コントロールのクリックイベントを実行するためのみ

JQuery を使用する場合。

$("#abc").keydown(function(e) {
  if (e.keyCode == 13) {
    $("#imgLogin").click();
  }
});

簡単な文章をいくつか書くだけで十分です。ブラウザを判断する必要はありません

さらに jQuery 関連のコンテンツに興味のある読者は、このサイトの特別トピック「JQuery Cookie 操作スキルの概要」、「jQuery テーブル (テーブル) 操作スキルの概要」を参照してください。 🎜>" , "jQuery のドラッグ効果とテクニックのまとめ", "jQuery 拡張テクニックのまとめ", "jQuery の一般的な古典的な特殊効果のまとめ", 「jQuery アニメーションと特殊効果の使い方まとめ」、「jQuery セレクターの使い方まとめ」、「jQuery の共通プラグインと使い方まとめ

この記事が jQuery プログラミングのすべての人に役立つことを願っています。

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