onmousedownを使用して、あなたが所有している要素のIDを取得しますか？

Question

これは可能ですか？

私はonmousedown用の関数を記述しようとしています。これは、後で別のdivの要素を作り直すためにクリックした要素のIDを返します。

Answer 1

あなたは基本的にあなたの文書全体に一つだけのイベントハンドラを接続し、イベントが最初にevent.targetを使用して、派遣された要素を取得するには、event delegationを使用することができます。

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のdraggablesへ：

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

Plsこのコードをあなたのjavascriptに挿入してください。

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