jQuery

VScode上でjQueryの.focus()に横線が入る

コードエディターにVScodeを使っているんですが、たまにコードに横線が入る時がある。 非推奨の書き方をすると、それを教えてくれる機能みたいですが、jQueryの.focus()に横線が入ったので調べてみた。 横線が入ったコード [crayon-616cf56c31896037828492/] jQueryのリファレンスを見ると、.focus()は非推奨とはなっていない。 が、よく見てみると、.t […]

【jQuery】スマホのロングタップ(長押し)イベントの実装

Webアプリなどをレスポンシブデザインで作っている時、PCではカーソルホバー、モバイルではロングタップで要素を表示させたりしたい場合があります。意外にもロングタップイベントを受け取る方法が確立されていないので、自分で実装してみました。 その前に ライブラリを使った簡単な方法  jquery-longpressというライブラリがあり、jsファイルを読み込んで、以下のようにするだけで簡単に実装できます […]

JavaScriptでselect要素のoption(項目)をセレクトする

JavaScriptでselect要素の、ある項目を選択状態にしたかった時に、ちょっとハマったのでメモ。 似たような処理で、JavaScriptでselect要素のデフォルトの項目を設定する方法がありますが、それと混同してしまったので、整理してみました。 はじめに 例えば、以下のようなセレクトボックスがあったとします。 [crayon-616cf56c31b88007545660/] JavaSc […]

npmでBootstrapをインストールしてWebpackでコンパイルする方法(同時にjQueryも)

ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。 今回は、npmを使ってプロジェクトに直接インストールしてみます。Bootstrapは、JQueryに依存しているので、JQueryも一緒にインストールします。 全体的な流れとしては、 ・node.js(npm)のインストール ・webpackの導入 ・Boots […]

ページ読み込み後に実行する関数の違い一覧(JavaScriptとjQuery)

ページを読み込んだら、すぐに実行する関数、それぞれ実行するタイミングや動作が違う。 短縮形なども含めると結構たくさんあるので、まとめてみました。 JavaScript window.onload = … [crayon-616cf56c31db2810852101/] HTMLや画像など他の全てのデータの読み込みが完了した時に実行される。 複数ある場合は、最後の処理が実行される。 document […]