Auslöser mouseup programtaically

Question

Ich möchte ein mouseup Ereignis auszulösen programmatisch gegeben:

<div id="abc">Click me</div> 

<script> 
    document.getElementById('abc').addEventListener('mouseup', function() { 
     alert('mouseup'); 
    }); 
</script> 

Nun, ich auszulösen versucht haben, die folgenden:

document.getElementById('abc').onmouseup(); 

Oder mit jquery

$('#x').trigger('mouseup'); 

Keines dieser Folge in einer alert so muss ich etwas falsch hier tun. Fester Typ mit addEventListener

Answer 1

getElementByld keinen Anruf und ein Argument in dem folgenden Code: Jede hier Führung würde

DEMO

UPDATE geschätzt.

document.getElementById.addEventListener('mouseup', function() { 
    alert('mouseup'); 
}); 

rechts Beispiel

document.getElementById("the id of the element").addEventListener('mouseup', function() { 
    alert('mouseup'); 
}); 

und wenn Sie die Veranstaltung nicht von der Maus auslösen wollen, aber mit Code, gibt es bereits eine Antwort auf diesen Link How to trigger event in JavaScript?

Answer 2

<div id="abc">Click me</div>

<script> document.getElementById.addEventListener('mouseup', function() { alert('mouseup'); }); </script>

getElementByld fehlt die param hier heißt getElementById ('abc')

document.getElementById('abc').onmouseup();

onmouseup() ist ein Ereignis seine Attribute keine Funktion und sollte sich auf ein Element aufgerufen werden.

$("#abc").click(function() { $("#x").mouseup(); });