Javascript 单击div时捕获它

我想在有多个相同类名的

div

的环境中，使用jquery&HTML2Canvas库单击一个

div

元素时捕获它

这是一个控制台页面，我想给用户一个额外的选择来捕获div或不捕获div，每个人都不用担心我正在使用的事件监听器

$（'.panel.panel default'，this）.one（“mouseenter”，function（））{
html2canvas（document.getElementsByClassName（“panel-panel-default”））。然后（canvas=>{
//document.body.appendChild（画布）；
var image=canvas.toDataURL（“image/png”）.replace（“image/png”、“image/octet-stream”）
console.log（图像）
window.location.href=图像；
})
});

这是第一面板


这是第二个面板


这是第三个面板


您只需传递正确的上下文即可

  $('.panel-body').on("click", function () {
        html2canvas(this).then(canvas => {
            //document.body.appendChild(canvas);
            var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
            console.log(image);
            window.location.href = image;
        })
    });

这在$中是什么（'.panel-default'，this）？事件处理程序中已经有了目标，只需使用它，无需使用GetElementsByclassName使用此上下文来判断是哪一个触发了事件谢谢karthick…..这很完美，只需知道
$（this）[0]）
这里[0]的意义是什么…我想我是作为习惯写的，您只能使用“this”（它是目标元素），$（this）是该元素的jquery对象（为了从jquery对象获取元素，您需要执行$（this）[0]）