So rufen Sie eine js-Funktion auf, wenn auf eine Element-ID geklickt wird.

Question

Ich habe ein Web-Telemetriesystem, das bei Elementklicks Metadaten an einen Server sendet. Ich versuche, JS zu schreiben, das mir erlauben würde, eine Funktion beim Klicken bestimmter Elemente nach ihrer ID auszulösen.

Ich würde auch gerne wissen, ob es eine js-Funktion gibt, die ich schreiben könnte, die HTML-Attribute von meinem Telemetriesystem auf dem Element enthalten würde, wenn es geklickt wird, durch die ID definiert.

Answer 1

ändern YourId mit Ihrem Element-ID-Namen ohne Symbole

document.getElementById("YourID").onclick = function(){ 

//do something after this line 

} 

JS FIDDLE

Answer 2

Vielleicht ist es das, was Sie

var btn = document.getElementById("button"); 
 
btn.addEventListener('click', function(){ 
 
    
 
    var e= document.getElementById('container'); 
 
    
 
    if (e.style.display == 'block' || e.style.display=='') 
 
    { 
 
     e.style.display = 'none'; 
 
    } 
 
    else 
 
    { 
 
     e.style.display = 'block'; 
 
    } 
 

 
});

<button id="button">Button</button> 
 
<div id="container"> 
 
    <p> This is a paragraph </p> 
 
</div>

lesen mor brauchen e über document.getElementById() at MDN

Answer 3

//calling function by name 
 
document.getElementById("Button").onclick = sendToServer; 
 
//or 
 
    document.getElementById("Button").addEventListener("click", sendToServer, false); 
 

 
    function sendToServer() { 
 

 
     //some code 
 
     console.log("the button clicked"); 
 

 
    }

<button id='Button'>send to server</button>

document.getElementById("Button").onclick = function() { 
 
    //code 
 
    console.log("the button clicked"); 
 
}; 
 

 
//or 
 
document.getElementById("Button").addEventListener("click", function() { 
 
    //code 
 
    console.log("the button clicked"); 
 
}, false);

<button id='Button'>send to server</button>