概要 JavaScriptの正規表現オブジェクトのtestメソッドをgオプションを指定して実行した場合、正規表現オブジェクト内に次の開始位置が保持される。（lastIndexプロパティ） そのため、同じ正規表現オブジェク […]

現象 フォームのonSubmitイベントハンドラ にて、react-router-domを使ってhistory.push(‘xxx’)のように画面遷移を行うと、コンソールにForm submission canceled […]

Drag & Drop APIとは Drag & Drop APIは要素をドラッグアンドドロップすることができるHTML5のAPIであり、ほぼ全てのブラウザで動作する。（※スマートフォンでは動作しない）h […]

概要 ES2015から導入された分割代入を使うと、オブジェクトのコピーを簡単に記述することができる。 ES5の場合 Object.assign()を使う。

概要 JavaScriptで任意の位置へスクロールさせる方法はいくつかある。document.documentElement.scrollTopはブラウザのバージョンによっては動作しない。(Microsoft Edgeな […]

npm runコマンド (npm srcipts)とは？ Node.jsをインストールすると、npm run xxxで任意のコマンドを実行できるようになる。これはnpm scriptsと呼ばれ、任意のコマンドのショートカ […]

Windowのスクロール量 window.pageYOffsetで取得することができる。ただし、IE8以前は非対応のためdocument.documentElement.scrollTopとする必要がある。https:/ […]

jQueryのwidthメソッド、heightメソッドをJavaScriptだけで実装する方法をまとめました。 width, heightの取得 jQuery JavaScript 注意点 .widthと.heightは […]

概要 【脱jQuery】JavaScriptだけでイベント処理を行うでは、既に存在する要素のイベントハンドラを定義したが、jQueryのonメソッド（古いバージョンではliveメソッド）は要素が後から追加された場合でもイ […]

概要 JavaScriptのHistory APIでブラウザの戻るボタンを無効化することができる。 サンプル 処理内容の説明 window.history.pushState(null, null, null);履歴の先 […]

jQueryのoffsetメソッドをJavaScriptだけで実装する方法をまとめました。 top, leftの取得 jQuery JavaScript top, leftの設定 jQuery JavaScript ※j […]

ページ読み込み完了時に処理を実行する jQuery JavaScript scriptタグにasync属性をつけた場合 <script src=”hoge.js” async属性></script&gt […]