-
JavaScriptでスクロールイベントを説明します。
JavaScriptのスクロールイベントは、ユーザーがスクロールバーを上下に動かして操作したときに発生します。 以下はJavaScriptのスクロールイベントのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l
-
JavaScriptでロードイベントを説明しますか?
JavaScriptのページ読み込みイベントは、ページの読み込みまたは読み込み解除時に発生します。以下はイベントです- イベント 説明 DOMContentLoaded これは、DOMツリーが構築されたが、スタイルシート、画像などの外部リソースがまだロードされていない場合に発生します。 ロード ブラウザがすべてのリソースを完全にロードすると発生します。 アンロード前 ページとリソースがアンロードされる前に起動され、ユーザーが本当に離れたいかどうかを確認するために使用できます。 アンロード ページが完全にアンロードされると発生します。 以下はJavaScri
-
JavaScriptでフォーカスイベントを説明します。
フォーカスイベントは、要素がフォーカスを取得または失ったときに発生します。以下はフォーカスイベントです- イベント 説明 ぼかし このイベントは、要素がフォーカスを失ったときに発生します。 フォーカス このイベントは、要素がフォーカスを取得したときに発生します。 focusin このイベントは、要素がフォーカスを取得しようとしているときに発生します。 ocusout このイベントは、要素がフォーカスを失いかけているときに発生します。 以下は、JavaScriptのフォーカスイベントのコードです- 例 <!DOCTYPE html> &l
-
PreventDefault()vs JavaScriptでfalseを返しますか?
PreventDefaultは、URLクリックなどでページをリダイレクトしないなどのイベントが発生したときに、デフォルトのブラウザの動作を停止します。 また、returnfalseは、イベントが発生したときにデフォルトのブラウザーの動作を停止し、イベントを伝播させません。コールバックの実行も停止され、呼び出されるとすぐに返されます。 以下は、PreventDefault()のコードであり、JavaScriptでfalseを返します- 例 <!DOCTYPE html> <html lang="en"> <head> <meta
-
JavaScriptのロケーションプロトコルプロパティ。
JavaScriptのロケーションプロトコルプロパティは、URLを含む現在のURLプロトコルを設定または返すために使用されます。 以下は、JavaScriptのロケーションプロトコルプロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1
-
別のフィールドと同じようにJavaScriptのフィールドを自動入力するにはどうすればよいですか?
以下は、JavaScriptのフィールドを別のフィールドと同じように自動入力するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <sty
-
JavaScriptを使用して自動サイズ変更テキスト領域を作成する
以下は、JavaScriptを使用して自動サイズ変更テキスト領域を作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <sty
-
JavaScriptを使用してブール値を切り替える方法は?
以下は、JavaScriptを使用してブール値を切り替えるためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &
-
JavaScriptでフルスクリーンのiframeを設定しますか?
以下は、JavaScriptでフルスクリーンiframeを設定するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g
-
JavaScriptを使用してテキスト領域の矢印キーを無効にします。
以下は、JavaScriptのテキスト領域で矢印キーを無効にするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
-
未定義のJavaScriptでdivから値を取得しますか?
これにはdocument.getElementById()。innerHTMLを使用します。以下はJavaScriptコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti
-
JavaScriptで派生プロパティをオーバーライドする方法は?
以下は、JavaScriptの派生プロパティをオーバーライドするコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &
-
JavaScriptシンボルとは何ですか?
シンボルデータ型はプリミティブデータ型です。これらはES6で導入され、完全に一意であり、Symbolを返すSymbol()ファクトリ関数を使用して作成されています。 以下はJavaScriptシンボルのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sca
-
例を使用したJavaScriptでの継承
JavaScriptは、プロトタイプに基づくオブジェクトベースの言語です。継承は、プロトタイプオブジェクトを使用してJavaScriptで実装されます。 以下は、JavaScriptで継承を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc
-
JavaScriptのlastIndexプロパティ
JavaScriptのlastIndexプロパティは、一致が発生したときにインデックス位置を返し、次の一致はその位置からのみ再開します。 lastIndexプロパティは、「g」修飾子が設定されている場合にのみ機能します。 以下は、JavaScriptのlastIndexプロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte
-
JavaScript正規表現との一致をループする
以下は、javaScriptで正規表現の一致をループするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &n
-
JavaScriptのモジュールとは何ですか?
ES 2015では、コードを細かく分割するためのモジュールが導入されました。モジュールには、クラスまたは関数を含めることができます。キーワードexportおよびimportは、変数、関数、オブジェクトをエクスポートし、それらを他のファイルにインポートするために使用されます。 注 −この例を実行するには、ローカルホストサーバーを実行する必要があります。 以下はJavaScriptのモジュールのコードです INDEX.html 例 <!DOCTYPE html> <html lang="en"> <head> <meta c
-
JavaScriptの非同期関数を例を挙げて説明する
非同期関数はasyncキーワードで定義され、ES 2015で導入されました。これらの関数は、コールバックよりもconsicepromiseを記述するためのより良い方法を定義するために導入されました。 awaitキーワードは、非同期関数内で制御のフローを一時停止するために使用され、promiseを待機します。 以下はJavaScriptの非同期関数のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <me
-
JavaScriptでキーイベントを説明しますか?
キーイベントは、ユーザーがキーボードを操作するたびに発生します。キーダウン、キープレス、キーアップの3つの主要なイベントタイプがあります。 イベント 説明 オンキーダウン このイベントは、ユーザーがキーを押しているときに発生します オンキープレス このイベントは、ユーザーがキーを押すと発生します オンキーアップ このイベントは、ユーザーがキーを離したときに発生します。 以下は、JavaScriptの主要なイベントのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> &
-
JavaScriptでタッチイベントを説明する
JavaScriptのタッチイベントは、ユーザーがタッチスクリーンデバイスを操作したときに発生します。 ポインタイベントのプロパティは次のとおりです イベント 説明 タッチスタート。 タッチポイントがタッチサーフェスに配置されたときに発生します。 touchmove タッチポイントがタッチサーフェスに沿って移動すると発生します。 タッチエンド タッチポイントがタッチサーフェスから削除されたときに発生します。 touchcancel タッチポイントが中断されたときに発生します 以下はJavaScriptのタッチイベントのコードです- 例 <!