CSS 【jQuery・CSS】画像保存禁止方法まとめ
スマホ、PCの画像保存を禁止する方法まとめ。 結果から言うと、スマホのスクショで保存を止めることはできませんでした。 まずは、PCの画像保存禁止から 【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画像保存禁止...
jQuery
CSS 
CSS PC・スマホで画像保存させない方法【画像保存禁止】
jQueryで画像をDivで囲う CSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。 まずは、jQueryで画像（imgタグ）を検知し、その画像をDivで囲います。 この時、CSSでスタ...
CSS CSSでスマホの長押し禁止【画像保存禁止方法】
CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。 PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。 （右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソ...
javascript jQueryでドラック＆ドロップを禁止する【画像保存禁止方法】
ドラック＆ドロップを禁止する方法 下のコードは、ページ全ての要素でドラッグ＆ドロップを禁止します。 もし、画像のみをドラッグ＆ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。 $...
javascript 右クリック禁止方法｜jQuery【画像保存禁止】
右クリックを禁止にすると画像の保存を出来辛くすることができます。 右クリックできなくする範囲を今回は２つ用意しましたが、「div」や特定クラス・IDにも指定可能です。 ページ全体で右クリック禁止方法 ページ全体を右クリック禁止することで画像...
javascript 【jQuery】選択した場所の「値」取得方法
選択された値を取得してアクションを起こす方法のご紹介です。 選択した要素の取得にはjQueryの「.index(this)」を利用します。 選択した値を取得 【jQuery】 var list = $("li").index(this); ...
javascript 【jQuery】ブラウザバックでリフレッシュ
ブラウザバックでリフレッシュ window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } }; さらにブラウザバックでキャ...
javascript jQueryで画面遷移させる方法
jqueryで遷移する方法をご紹介します。 画面遷移する場合、javascriptでは「window.location.href」と記述し jQueryだと「location.href」で遷移することができます。 今回はすべてjQueryで...
javascript jQueryでマウスカーソルの位置を取得する方法
マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが 知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。 さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。 カーソルの値だけ取れて...
javascript jQueryでボタンを押すと前面に広がるメニューの実装方法
スマホサイトでよく見るドロワーメニュー（三本線）を押すと前面に広がるメニューを実装してみようと思います。 HTMLとCSS まずはメニューを出した状態で重なりを調節します。 今回は、「 header 」が一番上でその下にメニューが来て、さら...
javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法
昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、 固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。 今回はそんな手間をそっこう解決できるjQueryのご紹介です。 基本にな...
javascript jQueryでスムーズにページ内リンクを移動する方法
ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。 そんな不格好なページ内リンクを優しくするする～っと移動する方法をご紹介します。 下のコードをjsファイルに張り付けると、ページ内リンクのaタ...
javascript jQueryでmarginとpaddingを含めた値の取得方法
全ての親要素の値を取得するなら「.height()」でいい。 でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。 いつも忘れてしまうので、これを期に覚えようじゃないかと思いまして書い...
javascript jQueryでスル～っと表示/非表示する方法
1行で実現できるフェードイン・フェードアウトレシピの紹介です。 表示させるボタンには、あらかじめCSSで「display:none;」をかけておきます。 フェードインボタン 表示ボタン HTML <div class="fadein_btn...
