JavaScript 【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: 横の位置 縦の位置;」を設...
css 【css】画像を正方形に切り取る（トリミング）方法
画像などを画面に並べるときに、それぞれの画面の縦横の長さが違うと並び方がめちゃくちゃになって見栄えが悪いですよね！みなさんがよく知っているラインなどは、アルバムで画像を見ると、すべての画像が正方形に切り取られて、きれいに整列してますよね。今...
JavaScript 【javaScript・jQuery】動的に追加した要素にイベントを付与する方法
画面を表示した後に、動的に追加した要素にイベントを付与するには一工夫必要です。1_改行できません。要素追加<script src=""></script><form action="#" method="POST"> <!-- 改行をしたく...
JavaScript 【javaScript・jQuery】貼り付けられたテキストの改行をなくす
改行を禁止するやり方は、以下を参照上記の記事で紹介した改行の禁止方法では、エンターキーでの改行を無効にできても、改行されている文章を貼り付けられた場合は、改行されたままテキストエリアに貼り付けられてしまいます。せっかくテキストエリアなどでの...
JavaScript 【javaScript・jQuery】改行を禁止にする
フォームの入力欄でテキストエリアでの改行をできないようにしたいときはあると思います。そんなときの改行を禁止するためのソースコードを紹介します。＊「KeyboardEvent.keycode」や「KeyboardEvent.which」でもキ...
JavaScript 【javaScript・jQuery】動的に追加したhtmlタグがタグとして認識されず、文字として表示されてしまう。
javaScriptやjQueryを使って、動的にhtmlのタグを追加するときってありますよね。そんな時に、何も考えずにどこかのサイトからコピペしたソースコードを貼ると、htmlタグがタグではなく、文字として表示されてしまう...なんてこと...