検索
ホームページウェブフロントエンドjsチュートリアルMC Dialog js ポップアップ レイヤーは複数のブラウザーと完全に互換性があります (5.6 アップデート)_JavaScript スキル

レンダリング:
MC Dialog js ポップアップ レイヤーは複数のブラウザーと完全に互換性があります (5.6 アップデート)_JavaScript スキル
MC ダイアログの機能
1. キーボード操作をサポート (esc で閉じる、Enter で現在フォーカスされているボタンのイベントを実行、ctrl キーボードをブロック、 tab キーはブラウザ独自のダイアログ ボックスをシミュレートする機能を真に実装します)
2. インテリジェントなフォーカス移動をサポートします (フォーカスがレイヤーの外に移動すると、自動的にフォーカスをレイヤーに戻すか、ボタンがある場合はボタンに移動します)はフォーカスを確実にするためのボタンです。常にレイヤー上にあり、ショートカット キーが正しく動作することを確認してください)
3. スマート点滅プロンプト機能 (レイヤーの外側をクリックするなど、フォーカスがレイヤーの外側に移動すると、レイヤーが点滅します)現在のレイヤーを操作する必要があることを示すプロンプトが表示されます。これは、ここで完全にシミュレートされています (ブラウザー独自のダイアログ ボックスの操作に加えて)
4. ボタンの外部コールバック イベントをサポートします (コールバック イベントはカスタマイズしてバインドできます)ボタン)
5. ドラッグ アンド ドロップ機能のサポート (私が作成したドラッグ アンド ドロップは非常に効率的です) さまざまなブラウザーで安定した高いパフォーマンス、フレームのドラッグ現象はありません)
6. 貫通 iframe のサポート (iframe を貫通でき、 MC Dialog 開発の基本は、フレームセットではなく iframe を貫通することです。そのため、MC Dialog は常に最上位ウィンドウ オブジェクトの下の dom に最新の状態で保存されるため、iframe を貫通しても問題ありません)
7. 複数の MC をサポートします。ダイアログ共存キュー操作機能。ポップアップレイヤーでレイヤーをポップアップし続けることができます(MCダイアログはダイアログキューに保存され、5000個のMCダイアログをポップアップでき、それぞれを正しく操作でき、 MC Dialog は、スクリプト エラーなしで現在表示されているものを操作します。MC Dialog は、単純なアプリケーションや特殊効果のためだけではなく、従来のポップアップ レイヤーとは大きく異なる点が 1 つあります。従来のブラウザに付属のダイアログ ボックスを完全に置き換えるために、MC Dialog はブラウザに付属のダイアログ ボックスを完全に備えています。
8. 完璧な互換性、低メモリ消費、安定性 (テスト済み) ie6、safari、chrome、firefox、oprea、the worldなどのブラウザで動作します) ps:ie6の半透明処理がされていないため、問題に若干の欠陥はありますが、ie6はほとんど使用されていません(解決策は始まっていますが、考慮されて追加されていません)
9. w3c が宣言されていても w3c が宣言されていない場合、または先頭に doctype dtd がない場合など。次のパフォーマンスはまだ
10. iframe へのアクセスをサポートし、親ウィンドウ オブジェクトへの iframe アクセス MC Dialog は埋め込まれた iframe オブジェクトを保存し、iframe は常に最上位ウィンドウの下の dom に保存されるため、親ウィンドウと iframe へのアクセスは非常に簡単です。
テストの結果、MC Dialog はインターフェイス レイアウト関数の実行などにおいてほぼ完璧になりました。
ブラウザの変更されていないダイアログ ボックスを置き換えるには MC Dialog を使用することをお勧めします
MC.Dialog は無料であり、オープンソースです。ご自由にお使いいただけますが、個人の努力の成果を尊重するために、著作権情報を追加してください。ありがとうございます
MC Dialog は新しい修正オフィスを立ち上げました。サポートをお願いします。
MCダイアログ開発ログ http://blog.sina. com.cn/zkunet
良いと思ったらサポートしてください (ファイル内に著作権表示も残してください)
使用中に問題を見つけた場合または、何か良い提案があれば、ここにコメントを残してください。


5.6 修正
1. 新しいドラッグ方法を使用して、大きな MC ダイアログを ff
2 の下にドラッグするときの視覚的なバグを解決します。関連するコードを最適化します

5.3 修正:
1. IE6 は半透明と影をサポートします
2. IE の点滅プロンプトをキャンセルし、プロンプト音に変更します。まだ処理されていません
4. 修正検出 id 関数が正しく記述されていません
5. オブジェクトを変更するために詳細をドラッグしても、オブジェクトを表示範囲外にドラッグすることはできません

デモ アドレス
http://demo.jb51.net/js/MCDialog/index.html
ダウンロードアドレス
http://www.jb51.net/jiaoben/26152.html

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptの役割:WebをインタラクティブでダイナミックにするJavaScriptの役割:WebをインタラクティブでダイナミックにするApr 24, 2025 am 12:12 AM

JavaScriptは、Webページのインタラクティブ性とダイナミズムを向上させるため、現代のWebサイトの中心にあります。 1)ページを更新せずにコンテンツを変更できます。2)Domapiを介してWebページを操作する、3)アニメーションやドラッグアンドドロップなどの複雑なインタラクティブ効果、4)ユーザーエクスペリエンスを改善するためのパフォーマンスとベストプラクティスを最適化します。

CおよびJavaScript:接続が説明しましたCおよびJavaScript:接続が説明しましたApr 23, 2025 am 12:07 AM

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

Webサイトからアプリまで:JavaScriptの多様なアプリケーションWebサイトからアプリまで:JavaScriptの多様なアプリケーションApr 22, 2025 am 12:02 AM

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Python vs. JavaScript:ユースケースとアプリケーションと比較されますPython vs. JavaScript:ユースケースとアプリケーションと比較されますApr 21, 2025 am 12:01 AM

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

JavaScript通訳者とコンパイラにおけるC/Cの役割JavaScript通訳者とコンパイラにおけるC/Cの役割Apr 20, 2025 am 12:01 AM

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

JavaScript in Action:実際の例とプロジェクトJavaScript in Action:実際の例とプロジェクトApr 19, 2025 am 12:13 AM

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

JavaScriptとWeb:コア機能とユースケースJavaScriptとWeb:コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解:実装の詳細JavaScriptエンジンの理解:実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

See all articles

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Mac版

SublimeText3 Mac版

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