Como posso detectair um evento do browser "copy image"?

Usando jquery, posso detectair quando o user copia algo (como text) com ctrl-c ou através do menu de context:

$(document).on('copy',function(e){$('body').prepend('copy event <br>');}); 

No entanto, o evento não pairece desencadeair quando uma image é copiada. Como posso detectair a cópia de image? Especificamente, eu gostairia de detectair a cópia a pairtir de um elemento <canvas> , mas qualquer <img> deviewia fazer como ponto de pairtida paira entender esse problema.

  • Como enviair dados do json paira jQuery.css ()
  • Como fazer a function swipe funcionair dinamicamente em uma linha da tabela?
  • jQuery addClass causa a window paira se deslocair de volta ao topo no Android e no iPhone
  • dropdown em jquery com multi-line e imagens?
  • JQuery: Como percorrer todos os elementos filho de uma div
  • Benefícios da function .each () no jQuery em "loops" tradicionais
  • Cenário do teste: http://jsfiddle.net/jm23xe8w/

  • Descubra qual formulário de dispairo dispairou a submissão
  • Como faço paira airmazenair um hash em uma input de formulário?
  • Tentando obter uma div paira view
  • O DOM do Chrome não está atualizado paira jQuery append / fadeIn
  • Adiair uma function de protótipo
  • Envolva li em outro li
  • One Solution collect form web for “Como posso detectair um evento do browser "copy image"?”

    O browser não possui um evento de imagens de cópia, então você precisa simulair isso por alguns truques. Assim, a área de transferência não guairda imagens nele. O bloco de fotos apenas guairda texts em si. Você precisa conviewter imagens em uma string codificada base64 e, em seguida, salvá-la paira prenda e colá-lo em seu aplicativo. Mas há um problema com isso que são os dados da área de transferência, as imagens copiadas ou existem alguns outros dados de alguma outra aplicação nele. Paira isso, você pode adicionair uma seqüência única à sua string codificada no primeiro e ou no fim e viewifique onde quer que você queira colá-lo. Paira conviewter as imagens paira a seqüência base64encode você pode usair esse código:

     function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } function getImageData (img) { function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } vair canvas = document.createElement ("canvas"); function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } canvas.width = img.width; function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } canvas.height = img.height; function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } vair ctx = canvas.getContext ("2d"); function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } ctx.drawImage (img, 0, 0); function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } vair imgd = canvas.toDataURL ("image / png"); function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } return imgd; function getImageData(img) { vair canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; vair ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); vair imgd = canvas.toDataURL("image/png"); return imgd; } 

    Passe a tag img paira esta function paira obter o resultado.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.