Question

我正在开发一个画布应用程序，用户可以在其上绘制各种形状。使用d3.js绘制各种元素。我想使用jsplumb连接两个SVG元素，当我点击它时，我需要每个元素的id。每个元素都有一个id，它是在绘制时由代码生成的，因此我不知道它在手边。

是否有javascript实现，我可以通过它获取我点击的元素的ID？我不希望在画布上绘制的每个元素上添加''。

有人可以建议一种方法吗？

Answer 1

你可以使用这样的东西

<script type='text/javascript'>
    doClick = function (sender){
    alert(sender.id);
}
</script>

<div id='a1' onclick='doClick(this)'>div1</div>
<div id='a2' onclick='doClick(this)'>div2</div>

https://jsfiddle.net/dy47dbvp/3/

Answer 2

您只需使用该元素的属性

即可访问元素的ID

var elemID = droppedElement.attr('id');

获取点击元素的ID：

$('#container').on('click', '.droppedElement', function (e) {
      var elemID = droppedElement.attr('id');
}

容器是您的画布ID，而droppedElement是捕获svg元素或svg元素的克隆的变量（如果是这种情况）

单击它时如何获取元素的id - javascript

2 个答案: