2017-05-26 44 views
0

Webページ上のイメージを右クリックすると、「イメージを別名で保存」するためのメニューが表示されます。 ボタン(div)をクリックして、jQueryまたはJavaScriptを使用してこの機能を使用することは可能ですか?イメージを右クリックしてシミュレート

私は成功しない数値化可能なサイトからコードを取得しようとしました。

以下は、赤いボタンをクリックするとメニューが表示される簡単なテストページです。

おかげで、

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Test</title> 
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <script src='jquery-2.1.4.js'></script> 
    <style> 
     #divBtn{ 
      width: 100px; 
      height: 50px; 
      top: 0px; 
      left: 0px; 
      background-color: #ff0000; 
      position: absolute; 
     } 
     #divImage { 
      width: 864px; 
      height: 541px; 
      top: 50px; 
      left: 0px; 
      position: absolute; 
     } 
    </style> 
    </head> 
    <body> 
    <a href="Imager.jpg" download="ImageCopy.jpg"><div id="divBtn"></div>Click</div></a> 
    <div id="divImage"> 
     <img src='Imager.jpg'></img> 
    </div> 

    <script> 
     $(document).ready(function(){ 

      //Code to show menu when divBtn is clicked. 

     }); 
    </script> 

    </body> 
</html> 
+0

試してみる[キャンバス](https://www.w3schools.com/graphics/canvas_intro.asp)私は、アンカータグ内のボタンのdiv要素を配置し、ときにそれを今すぐダウンロードメニューを取得しました – AvrilAlejandro

答えて

0

これを行うことはできません。ただし、右クリックイベントを使用して独自の「メニュー」を作成し、トリガすることができます。ブラウザの右クリックメニューにアクセスすることはできません。

HTML5ダウンロード属性を使用してイメージをダウンロードできます。詳細: Simulate Save Image As

+0

をクリックします。 jqueryでアンカータグのクリックを操作してダウンロードメニューが表示される方法はありますか?イメージ名に変数を使用したいので、これを尋ねます。 – TedN

関連する問題