Rechtsklick-Ereignis bei dynamisch erstellten Elementen anhängen

Question

Unten ist der Code, der dynamisch ein Element erstellt und ein onclick-Ereignis anfügt.

var div = document.createElement('div'); 
div.onclick = function(e){ 
    console.debug(e);   
} 

var parent = document.getElementsByClassName('myid_templates_editor_center_menu'); 
parent[0].appendChild(div); 

Wie wäre es mit einem Rechtsklick-Ereignis?

Answer 1

var div = document.createElement('div'); 
div.oncontextmenu = function(e){ 
    console.debug(e);   
} 

var parent = document.getElementsByClassName('myid_templates_editor_center_menu'); 
parent[0].appendChild(div); 

Answer 2

können Sie verwenden contextmenu Ereignis

window.onload = function() { 
 
    var div = document.createElement("div"); 
 
    div.innerHTML = "right click"; 
 
    div.oncontextmenu = function(e) { 
 
    console.debug(e.type, e); 
 
    } 
 

 
    document.body.appendChild(div); 
 
}

Answer 3

hinzufügen

div.oncontextmenu = function(e){ 
    e.preventDefault(); 
    console.debug(e);   
} 

Onclick statt

Answer 4

Die Antwort auf Ihre Frage besteht aus zwei Teilen:

1) Wie wird das Rechtsklick-Ereignis angehängt?

Antwort: Verwenden Sie das Ereignis contextmenu.

2) Wie fügt man ein Ereignis an dynamisch erzeugte Elemente an?

Antwort: Die Idee besteht darin, das Ereignis an das Elternelement anzuhängen, das Ihr neu erstelltes Element enthalten wird. Das Ereignis wird entlang des DOM weitergegeben, bis es das übergeordnete Element erreicht. Beispiel

Arbeits:

//get parent elements 
var elements = getElementsByClassName('myid_templates_editor_center_menu'); 

//attach to the first found parent element 
elements[0].addEventlistener('contextmenu', function(e) { 
    console.log("right clicked!"); 
}) 

Answer 5

Arbeitsbeispiel

node.addEventListener('contextmenu', function(ev) { 
ev.preventDefault(); 
alert('success! - Right Click'); 
return false; 

}, false);

Codepen: [? Ist Recht ein Ereignis Javascript klicken] http://codepen.io/mastersmind/pen/WogoVB