javascript - 使用 onmousedown 来获取刚刚鼠标按下的元素的 ID？

Question

这可能吗？

我正在尝试为 onmousedown 编写一个函数，该函数将返回您刚刚单击的元素的 ID，以供以后在不同的 div 中重新创建该元素时使用。

Answer 1

您可以使用事件委托，基本上只将一个事件处理程序连接到您的整个文档，并使用event.target获取最初调度事件的元素：

document.body.onmousedown = function (e) {
  e = e || window.event;
  var elementId = (e.target || e.srcElement).id;

  // call your re-create function
  recreate(elementId);
  // ...
}

function recreate (id) {
  // you can do the DOM manipulation here.
}

编辑：您可以通过这种方式将事件分配给所有 Scriptaculous 可拖动对象：

Event.observe(window, 'load', function () {
  Draggables.drags.each(function (item) {
    Event.observe(item.element, 'mousedown', function () {
      alert('mouseDown ' + this.id); // the this variable is the element 
    });                              // which has been "mouse downed"
  });
});

在此处查看示例。

Answer 2

CMS 几乎有正确的答案，但你需要让它对跨浏览器更友好一点。

document.body.onmousedown = function (e) {
  // Get IE event object
  e = e || window.event;
  // Get target in W3C browsers & IE
  var elementId = e.target ? e.target.id : e.srcElement.id;
  // ...
}

Answer 3

请将此代码插入您的 javascript。

document.getElementById("article").onmouseup(handMu);

Answer 4

如果要复制 div id，一种简单的方法可能是 cloneNode，如下所示：

<div id="node1">
  <span>ChildNode</span>
  <span>ChildNode</span>
</div>

<div id="container"></div>

<script type="text/javascript">
  var node1 = document.getElementById('node1');
  var node2 = node1.cloneNode(true);

  node2.setAttribute('id', 'node2');

  var container = document.getElementById('container');
  container.appendChild(node2);
</script>