javascript - 检测 Canvas 标签内的元素 : JavaScript

标签 javascript canvas mouseevent

有没有办法检测canvas标签内的任何元素(id、类或标签)?我希望能够控制台记录我将鼠标悬停在 Canvas 标签内的任何元素,如下所示:

document.body.addEventListener('mouseover',function(event){
    var id = event.target.id;
    console.log(id)
})

假设当我将鼠标悬停在 Canvas 标签上时,它会注销 elements.Pipe dream?

最佳答案

鼠标事件将指示 Canvas 对象,但不指示 Canvas 上绘制的单个项目。 canvas 元素是一个绘图表面。当您在 Canvas 上绘制某些内容(例如路径、文本、图像)时,像素会绘制在表面上,但不会存储有关绘制内容的任何信息。

关于javascript - 检测 Canvas 标签内的元素 : JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33575317/

相关文章:

javascript - 函数无法识别

facebook - FB.Canvas.setAutoGrow() 不适用于 jquery .load

Java 鼠标事件错误 - "method already defined in class"

javascript - Framework7 日历事件通过 AJAX onMonthAdd 加载

javascript - 正则表达式:从字符串中查找以 AND 结尾的子字符串并替换子字符串中的单词

javascript - 在 Angular 2 子模块中强制服务实例化(AngularJS 运行 block 的替代方案)

javascript - 在 HTML Canvas 上绘制多条路径

c# - 将父鼠标事件应用到子元素

javascript - 检测鼠标事件上的多个重叠 SVG 形状元素

javascript - Angular 2 : Cannot read property 'vcRef' of undefined