使用onmousedown獲取您剛剛註冊的元素的ID？

Question

這可能嗎？

我正在嘗試爲onmousedown編寫一個函數，它將返回剛剛單擊的元素的ID，以便稍後用於在不同的div中重新創建該元素。

Answer 1

您可以使用event delegation，只有一個事件處理程序基本連接到您的整個文檔，並獲得該事件最初派遣元素，使用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" 
    }); 
}); 

檢查爲例here。

Answer 2

如果你要複製的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> 

Answer 3

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 4

請將此代碼插入到您的JavaScript。

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