JavaScript 【javaScript・jQuery】キーイベントで押されたキーを取得する
キー操作のイベントで押されたキーを取得する方法を紹介します。押されたキーを取得するには「keydown」のイベント内で「event.key」を使います。※「event.keyCode」は廃止されたようなので注意ソースコードを紹介します。<s...
JavaScript JavaScript 【javaScript・jQuery】正規表現を使って、要素から特定のクラスを削除する。
jQueryの.removeClass()メソッドの引数に関数を入れることで、関数の戻り値に対応するクラス名を要素のクラス名から削除できます。コードとしては以下のように書きます。$("セレクタ").removeClass (function...
JavaScript 【javaScript・jQuery】ある範囲のランダムな数字の作成方法
javaScriptを使って任意の範囲の数字をランダムに出す方法です。方法は簡単！javaScriptで以下を書くだけです。Math.random() * ( (最大値 + 1) - 最小値 ) + 最小値;例えば、2から5の間の数字をラン...
JavaScript 【javaScript】ある要素の中から、あるクラス名以外含まれる要素を取得する
ちょっとタイトルが分かりにくいかもしれませんが(笑)例えば、あるクラス名が含まれる要素の中で、あるクラス名以外を取得したい場合のやり方です。「.not()」を使います。以下の要素があったとします。<div class="target">対象...
css 【css】画像や要素を均等なサイズで並べる
画像や要素を画面に均等な横幅とかで並べたいときってありますよね。そんな時は、cssの「calc()」を使って計算式を指定すれば簡単にできるんです。imgに「width: calc(100% / 4);」を指定すると、横幅を四等分にした数字を...
JavaScript 【javaScript】スマホのタッチ操作での拡大縮小を禁止にする
スマホで２本の指を使ってタッチすると拡大縮小ができますよね。（これをピンチイン・ピンチアウトというらしいです）その拡大縮小をjavaScriptを使って禁止にする方法を紹介します。前回紹介した、スマホでのスクロール禁止の方法を少し工夫するだ...
JavaScript 【javaScript】でスクロールを禁止にする（PC、スマホ対応）
前回、cssでPCでのスクロール禁止にする方法を紹介しました。（PCでのみスクロール禁止可能）そこで今回は、スマホでもスクロール（タッチ操作）禁止にする方法を紹介します。スマホの場合は、cssではなくjavaScriptでの実装が必要です。...
css 【css】cssでスクロールを禁止にする（PC用）
デスクトップパソコンやノートパソコンでスクロールを禁止にする方法それは簡単！cssファイルでhtmlとbodyに「overflow: hidden;」を指定するだけ。ここでは実演はしません。※スクロールできなくなってしまうので。※この方法で...
css 【css】画面の特定の位置に文字などを固定表示させる
メニューなどを画面のある位置に固定表示させたい場合ってありますよね。スクロールしても画面の下部にボタンを表示し続けるようにしたいなど。そんな時はcssで「position: fixed;」を指定しましょう！・画面の下部にオレンジの横の枠があ...
css 【css】画像を任意の位置を基準に切り取る（トリミング）方法
前回の記事で、画像を正方形に切り取る（トリミング）の方法を紹介しました。上記の記事は、画像の中央を基準に切り取られていました。そこで、今回は任意の位置で切り取る方法を紹介します。「object-position: 横の位置 縦の位置;」を設...