此页面如何调用按钮上的操作？

Question

在这个页面上，http://html2canvas.hertzen.com/screenshots.html

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

我试图查看页面的源代码并检查元素，但无法找到生成屏幕快照的函数是如何生成的。按钮上没有按一下按钮。

我想使用他的html2canvass js做一些类似的事情，但是我不想把它附加到页面的底部，我想将提供的网站url保存为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/