jQuery ready メソッドを抽出する
2022-02-09 17:20:27
(function(){
document.ready = function(fn){
if(typeof fn ! == 'function'){
throw 'Fn is not a function!';
}
function completed() {
document.removeEventListener( "DOMContentLoaded", completed );
window.removeEventListener( "load", completed );
fn();
}
// Execute directly by determining readyState if it is already loaded, otherwise by listening to the load event, triggered by the event
if ( document.readyState === "complete" ||
( document.readyState ! == "loading" && !document.documentElement.doScroll ) {
// Handle it asynchronously to allow scripts the opportunity to delay ready
window.setTimeout( fn );
} else {
// Use the handy event callback
document.addEventListener( "DOMContentLoaded", completed );
// A fallback to window.onload, that will always work
window.addEventListener( "load", completed );
}
}
})();
JQuery 3.5.1のready関数から抜粋。
jQueryの公式ダウンロードアドレス
https://jquery.com/download/
関連
-
[解決済み】React: 代入や関数呼び出しを期待すると、代わりにno-unused-expressionsという式が表示される。
-
[解決済み] ETIMEDOUTエラーの対処方法について教えてください。
-
[解決済み] javascriptのonsubmitが動作しない
-
[解決済み] React NativeにおけるAbsoluteとFlexbox
-
[解決済み] ぼかしとフォーカスアウトの違いは?重複
-
[解決済み] Angularのフィルターでデータをグループ化するには?
-
[解決済み] クライアント側で接続の socket.id を取得する方法は?
-
[解決済み] React+Redux - Uncaught Error: リデューサーが関数であることを期待
-
[解決済み] ReactGA.initializeを最初に呼び出す必要があります。
-
[解決済み] Uncaught TypeError: $(...).tooltip は関数ではありません。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み] node 7 にアップグレードした後、モジュール 'internal/fs' を見つけることができません。
-
[解決済み] サンプルでjquery show()が動作しない理由
-
[解決済み] Chromeのファイル入力で「選択されたファイルがありません」というツールチップを削除するにはどうすればよいですか?
-
[解決済み] Googleマップのズームレベルの設定方法
-
[解決済み] JSHintの警告を無効にする。代入または関数呼び出しが期待され、代わりに式が表示された [重複] 。
-
[解決済み] 文字列は、ウィンドウの場所hrefの関数ではありません[重複]。
-
[解決済み] JavaScriptでTinymceのtextareaの内容を取得する方法
-
[解決済み] 同じURLの画像を新しいものに更新する
-
フロントエンドの基本(HTML、CSS、JavaScript)の知識メモ、with:フロントエンドの基本的な面接の質問!?