[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
2022-01-25 23:26:17
質問
を使用する場合
requestAnimationFrame
で、ネイティブに対応したアニメーションを行うには、以下のようなコードがあります。
var support = {
animationFrame: window.requestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.msRequestAnimationFrame ||
window.oRequestAnimationFrame
};
support.animationFrame(function() {}); //error
support.animationFrame.call(window, function() {}); //right
を直接呼び出す。
support.animationFrame
を与えると...
Uncaught TypeError: 不正な呼び出し
をChromeで表示します。なぜですか?
解決方法は?
あなたのコードでは、カスタムオブジェクトのプロパティにネイティブメソッドを代入しています。 このとき {コード それは、現在のオブジェクト(つまりサポート)のコンテキストで実行されます。ネイティブの requestAnimationFrame 関数が正しく動作するためには、以下のコンテキストで実行する必要があります。 {コード {コード .
ですから、ここでの正しい使い方は
support.animationFrame(function () {})
.
アラートも同様です。
window
また、別の方法として 関数.prototype.bind() これはES5標準の一部であり、すべてのモダンブラウザで利用可能です。
support.animationFrame.call(window, function() {});
関連
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】Google Conversionsが動作しない - スクリプトが読み込まれない
-
[解決済み] [Solved] Uncaught TypeError: nullのプロパティ 'appendChild' を読み取ることができない。
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み】Chromeでconsole.logのタイムスタンプは?
-
[解決済み] TypeError: console.log.apply で不正な呼び出しがありました。