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

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

May 16, 2016 pm 04:34 PM
click ie8

選択内のオプションをクリックして、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 ビデオ チュートリアル をご覧ください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vue ie8 の非互換性プロンプトを解決する方法 vue ie8 の非互換性プロンプトを解決する方法 Jan 29, 2023 am 10:20 AM

vue ie8 非互換性の解決策: 1. 「babel-polyfill」を使用して ES6 構文を ES5 に変換します; 2. 「es6-promise」を導入します; 3. ブラウザをアップグレードするか、「(function(w){if( !( "WebSocket"in w&&2===w.WebSocket.CLOSING)){...}" 直接アップグレードするだけです。

v-on:click を使用して Vue でマウス クリック イベントを監視する方法 v-on:click を使用して Vue でマウス クリック イベントを監視する方法 Jun 11, 2023 am 10:12 AM

Vue は、開発者が Web サイトやアプリケーションをより便利かつ迅速に構築できるようにする人気のフロントエンド フレームワークです。このうち、v-on:click は、マウス クリック イベントを監視するために使用される Vue の命令です。 Vue で v-on:click を使用してマウス クリック イベントを監視する方法を紹介します。まず、Vue で v-on:click を使用すると、テンプレート内で直接行う方法と Vue インスタンス内で行う方法の 2 つの方法でマウス クリック イベントを定義できます。以下では、これら 2 つの方法をそれぞれ紹介します。直接

Vue で v-on:click.self を使用して自分だけでイベントをトリガーする方法 Vue で v-on:click.self を使用して自分だけでイベントをトリガーする方法 Jun 11, 2023 pm 01:57 PM

Vue は、シンプル、効率的、保守が容易な人気のフロントエンド フレームワークであり、開発者に愛されています。 Vue では、特定のインタラクティブな効果を実現するために、イベントをコンポーネントまたは要素にバインドする必要があることがよくありますが、他の要素からの干渉なしに、イベントを単独でのみトリガーしたい場合もあります。では、Vue で v-on:click.self を使用して自分だけでイベントをトリガーするにはどうすればよいでしょうか?この記事では詳細な答えを提供します。まず、v-on 命令の基本的な使用法を理解する必要があります。 v-on ディレクティブは、一般的に使用されるイベントをバインドするために使用されます。

Vue アプリケーションで「クリック」イベント バインディングが無効な場合はどうすればよいですか? Vue アプリケーションで「クリック」イベント バインディングが無効な場合はどうすればよいですか? Jun 24, 2023 pm 03:51 PM

Vue は、最新の Web アプリケーションを構築するための人気のある JavaScript フレームワークです。 Vue では通常、ディレクティブを使用して DOM 要素を操作します。その中でも「クリック」イベントはよく使われる命令の一つですが、Vue アプリケーションでは「クリック」イベントのバインディングが無効になる状況によく遭遇します。この記事では、この問題を解決する方法について説明します。要素が存在するかどうかを確認する最初のステップは、「クリック」イベントをバインドする要素が存在するかどうかを確認することです。要素が存在しない場合は、

IE8はHTML5をサポートしていますか? IE8はHTML5をサポートしていますか? Jan 06, 2023 pm 03:31 PM

IE8 は HTML5 をサポートしていません。IE8 に HTML5 をサポートさせたい場合は、1. Google の html5.js ファイルを参照して head タグ間にコードを記述する、2. 「while (i--){document」を追加する、の 2 つの方法があります。 .createElement(e[i])}" コード実装は HTML5 要素をサポートします。

v-on:click.capture を使用して Vue のキャプチャフェーズでイベント処理を実装する方法 v-on:click.capture を使用して Vue のキャプチャフェーズでイベント処理を実装する方法 Jun 11, 2023 am 10:55 AM

Vue は、開発者にさまざまな指示とメソッドを提供する人気の JavaScript フレームワークで、開発者が Web 開発で遭遇するさまざまな問題に効率的に対処できるようにします。このうち、v-on ディレクティブはさまざまなイベントのハンドラーをバインドするために使用でき、v-on:click.capture はクリック イベントを処理するときにキャプチャ フェーズが使用されることを意味します。 JavaScript では、イベントの伝播プロセスは、キャプチャ ステージ、ターゲット ステージ、バブリング ステージの 3 つのステージに分かれています。捕獲段階では

Ie8互換モードの設定方法と場所は? IE8互換モードの設定方法 Ie8互換モードの設定方法と場所は? IE8互換モードの設定方法 Mar 13, 2024 pm 06:31 PM

IE8 ブラウザは多くのユーザーに愛用されていますが、一部の Web サイトにログインしたり、何らかの操作を実行したりする場合、互換モードを設定する必要があります。このサイトではie8互換モードの設定方法をユーザーに丁寧に紹介しましょう。 IE8互換モードの設定方法: 1. IE8ブラウザを開いた後、上部メニューバーの[ツール]を選択し、ポップアップオプションの[互換表示設定]をクリックします。 2. 表示された画面で[追加]をクリックし、互換性を持たせたいURLを追加します。 3. 設定したWebページを再度開くと、アドレスバーの後ろに破れた紙のようなアイコンが表示され、互換モードが正常に設定されたことがわかります。ツール。

v-on:click.stop を使用して Vue でイベントのバブリングを停止する方法 v-on:click.stop を使用して Vue でイベントのバブリングを停止する方法 Jun 11, 2023 pm 12:00 PM

Vue はフロントエンド コミュニティで非常に人気のある JavaScript フレームワークで、効率的で柔軟性があり、保守が容易な Web アプリケーションを構築するのに役立ちます。複雑なアプリケーションでは複数のコンポーネントが同じ DOM 要素を共有する可能性があるため、イベントのバブリングは Vue で非常に一般的な問題です。この場合、v-on:click.stop ディレクティブを使用してイベントのバブリングを停止すると非常に便利です。 1. イベントバブリングとは何ですか?イベント バブリングとは、DOM 要素上のイベントがトリガーされるときを指します。

See all articles