该页面如何在按钮单击时调用该操作

Question

在此页面上http://html2canvas.hertzen.com/screenshots.html

屏幕截图按钮生成文本框中提供的页面的屏幕截图。

我试图查看页面的来源并检查元素，但我无法找到生成屏幕截图的功能。按钮上没有onclick。

我想使用他的html2canvass js做类似的事情，但不是将其附加到页面底部，我想将jpeg保存为提供的网站网址。

任何人都有和想法如何做到这一点？我假设onclick会这样做，但我没有得到调用该函数生成屏幕截图的部分。

我想动态生成我的html歌词的图片版本，以便用户可以选择在html上查看我的歌词或将其保存为jpeg。

示例歌词：http://prompter.rareapps.org/prompt/prompt-save.php?p=123

由于

Answer 1

您可以从js访问元素以添加onclick事件：

您的按钮（或链接，或div或其他）：

<input type="button" value="Click me" id="button" />

原生javascript：

document.getElementById('button').onclick=function () {
   // Do your magic here
};

或者使用jQuery：

$('#button').click(function () {
   // Do your magic
});

您还可以按类或其父级或内容访问对象，而不仅仅是id。

示例：http://jsfiddle.net/N8j8p/