Jquery 获取画布id“；OnClick"；

我正在尝试使用生成pdf，现在我想在单击特定画布时获取画布“id”

这是我的小提琴演示

代码：

脚本：

url = 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf';
    var thePdf = null;
    var scale = 1;
    var canvas;
    var inst = this;
    var ctx;

    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
    pdfjsLib.getDocument(url).promise.then(function (pdf) {
        thePdf = pdf;
        viewer = document.getElementById('pdf-viewer');
        for (page = 1; page <= pdf.numPages; page++) {
            canvas = document.createElement("canvas");
            canvas.id = "Page-" + page;
            canvas.className = 'pdf-page-canvas';
            viewer.appendChild(canvas);
            renderPage(page, canvas);
        }
    });

    function renderPage(pageNumber, canvas) {
        thePdf.getPage(pageNumber).then(function (page) {
            viewport = page.getViewport(scale);
            canvas.height = viewport.height;
            canvas.width = viewport.width;
            newcanvas = document.getElementById("Page-" + pageNumber);
            ctx = canvas.getContext('2d');
            var renderContext = {
                canvasContext: ctx,
                viewport: viewport
            };
            var renderTask = page.render(renderContext);
            renderTask.promise.then(function () {
                console.log('Page rendered');
            });
        });
    }

url='1〕https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf';
var-thePdf=null；
var量表=1；
var帆布；
var inst=此；
var-ctx；
pdfjsLib.GlobalWorkerOptions.workerSrc='0https://mozilla.github.io/pdf.js/build/pdf.worker.js';
pdfjsLib.getDocument（url）.promise.then（函数（pdf）{
thePdf=pdf；
查看器=document.getElementById（'pdf-viewer'）；
对于（page=1；page要实现这一点，您需要在创建
canvas
元素的
for
循环中添加
事件处理程序。然后您可以在事件处理程序函数中使用
this.id
检索元素的
id
。尝试以下操作：

canvas.addEventListener('click', function() {
  console.log(this.id);
  // work with the id here...
});

非常感谢您。
canvas.addEventListener('click', function() {
  console.log(this.id);
  // work with the id here...
});