ホームページ > ウェブフロントエンド > jsチュートリアル > IE8 モードでクリックが応答せず、オプションが応答しない場合の解決策

IE8 モードでクリックが応答せず、オプションが応答しない場合の解決策

PHPz
リリース: 2018-09-30 15:07:12
オリジナル
1668 人が閲覧しました

選択内のオプションをクリックして、jQuery で直接記述された上記の入力に割り当てます。問題は、IE8 で開くと、オプションをクリックしても何も起こらないことです。

実現される効果は、選択内のオプションをクリックして上記の入力に割り当てることが一般的です。

$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value); 
})
ログイン後にコピー

という奇妙なことがあります。ユーザーは基本的に 360 ブラウザなどの国産デュアルコア ブラウザを使用しますが、ネイティブ Eclipse を追加すると、解析には Chrome カーネルが使用されます。テスト環境に配置すると、解析には IE8 標準になります。

さて、ここで質問です。掘る方法を学びましょう...まあ、いいえ!

IE8 で開くと、オプションをクリックしても何も起こりません。

アラートを追加してみました:

$("#cardNoList option").click(function(){
alert("111");
$("#card").attr("value","").attr("value",this.value);
alert("222"); 
})
ログイン後にコピー

クリックがまったく呼び出されませんでした。

最初は、IE8 での jQuery のクリック イベントの互換性の問題かと思いましたが、jQuery は互換性をカプセル化しており、広く使用されているため、私だけが起こる問題ではありません。

後で、IE8 ではクリックがオプションに追加されていなかったのではないかと思い、変更して選択にクリックを追加しました。これで、IE8、Firefox、Chrome はすべて入力に値を割り当てることができます。スムーズに。

$("#cardNoList").click(function(){
$("#card").attr("value","").attr("value",this.value);
})
ログイン後にコピー

Baidu で検索してみたところ、「ご存知の通り、IE では選択オプションが onclick イベントをサポートしていない」ようです o(╯□╰)o

となった後

$("#cardNoList").click(function(){
$("#card").val(this.value);
}
ログイン後にコピー

上記はこの章の全内容です。その他の関連チュートリアルについては、jQuery ビデオ チュートリアル をご覧ください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート