img onloadイベントバインディングはすべてのブラウザで実行可能

ホームページ

ウェブフロントエンド

jsチュートリアル

img onloadイベントバインディングはすべてのブラウザで実行可能_基礎知識

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:46 PM

イベントバインディング

img の onload イベントをバインドする必要がある場合、一般に、次のような従来の方法を使用してイベントをバインドすることを誰もが考えるでしょう:

Copy code コードは次のとおりです:

 
img onload イベント バインディング (誤った使用方法) >< スクリプトタイプ='text/javascript'> 
window.onload = function(){ 
var img = document.getElementById('imgId'); 
 アラート(1); 
}; 
 image/06 .jpg' id='imgId'/> 
 
この時点で、次のアラートが表示されます。 ）が実行されない理由は何ですか？特に IE および FF ブラウザでは。 
そして、jquery プラグイン ライブラリを使用すると、IE および Opera ブラウザーではアラートがポップアップ表示されないことがわかりますが、他のブラウザーではポップアップ表示されます。これはなぜですか? ！ 
 主に、ページ dom 要素がロードされた後に window.onload イベントが実行されます。これには、img イメージ内の src ロードの完了も含まれます。その場合、img.onload は実行されません。
 は、img の src がロードされているかどうかを監視しているためです。 
では、onload イベントを img イメージにバインドするにはどうすればよいでしょうか?具体的なコードは次のとおりです。

コードをコピー

コードは次のとおりです。

< !DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="http://www.w3.org/1999/xhtml"> img onload イベントバインディング (正しい使用法)

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7360

Java チュートリアル

1628

CakePHP チュートリアル

1353

Laravel チュートリアル

1265

PHP チュートリアル

1214

Related knowledge

jqueryでイベントをバインドする方法は何通りありますか? Nov 09, 2020 pm 03:30 PM

jquery でイベントをバインドするには、bind()、live()、delegate()、および on() メソッドの 4 つの方法があります。bind() メソッドはイベントを既存の要素にのみバインドできますが、 live() )、on () および delegate() はすべて、今後新しく追加される要素のイベントバインディングをサポートします。

UniApp エラーの問題を解決します:「xxx」イベントがバインドされていません Nov 25, 2023 am 10:56 AM

UniApp を使用してアプリケーションを開発するときに、次のエラーメッセージが表示される場合があります。「xxx」イベントがバインドされていません。これは UniApp のイベントバインディングメカニズムが原因で発生するため、この問題を解決するにはこのメカニズムを正しく設定する必要があります。 1. 問題の原因 UniApp では、ページコンポーネントのイベントバインディングは v-on 命令によって完了します。たとえば、テンプレートにボタンコンポーネントを追加します: <button@click="onClick">Click Me</butto

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

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

要素にイベントを追加するにはどうすればよいですか? JS バインディングイベントを解析する 3 つの方法 Aug 04, 2022 pm 07:27 PM

JavaScript はスクリプト言語として、ページ上の要素にイベントをバインドできるため、指定されたイベントが発生すると、対応するイベントハンドラーを自動的に呼び出してイベントを処理できます。では、要素にイベントを追加するにはどうすればよいでしょうか?次の記事では、JS でイベントをバインドする 3 つの方法を紹介します。

jQuery イベントバインディングテクノロジの詳細な説明 Feb 26, 2024 pm 07:36 PM

jQuery は、Web ページでの対話性を処理するために広く使用されている人気のある JavaScript ライブラリです。中でもイベントバインディングは jQuery の重要な機能の 1 つであり、イベントバインディングを通じてユーザーインタラクションへの応答を実現します。この記事では、jQuery イベントバインディングテクノロジについて説明し、具体的なコード例を示します。 1. イベントバインディングの基本概念イベントバインディングとは、特定のイベントが発生したときに指定された操作を実行するために、DOM 要素にイベントリスナーを追加することを指します。 jQuery で、目的の

jqueryバインディングイベントの機能は何ですか Mar 20, 2023 am 10:52 AM

jqueryバインディングイベントの機能: 通常のイベントをDOMノードにバインドする DOMノードが選択されている場合、イベントをそれにバインドして、ユーザーが対応する操作を提供しやすくします。 jQuery には、bind、live、delegate、on という 4 つのイベントバインディングメソッドが用意されており、対応するアンリスニング関数は unbind、die、undelegate、off です。

jQueryイベントバインディング技術の詳細な分析 Feb 26, 2024 pm 06:33 PM

jQuery は、要素の選択、DOM 操作、イベント処理など、Web 開発における多くの一般的なタスクを簡素化する人気の JavaScript ライブラリです。 jQuery では、イベントバインディングは非常に一般的で重要な操作の 1 つです。この記事では、jQuery のイベントバインディングメソッドについて詳しく説明し、読者がこれらのメソッドをよりよく理解して適用できるように、特定のコード例を使用します。 1.bind() メソッド binding() メソッドは、最も伝統的で一般的に使用されるイベントバインディングメソッドの 1 つです。できる

Vue ドキュメントでのイベントバインディング関数パラメーターの使用方法 Jun 20, 2023 pm 02:06 PM

Vue は、データ駆動型のアイデアを使用して開発プロセスを簡素化する人気のある JavaScript フレームワークです。 Vue のイベントバインディング機能は非常に強力で、ページ内のさまざまなインタラクションを処理できます。 Vueの開発過程ではイベントバインディング関数のパラメータがよく使われますが、この記事ではこの関数の使い方を詳しく紹介します。 Vue では、v-on ディレクティブを使用してイベントをバインドできます。 v-on ディレクティブの後には、イベント名とイベント処理関数が続きます。例: <bu

See all articles

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック

img onloadイベントバインディングはすべてのブラウザで実行可能_基礎知識