Triggering-Element der onClick-Funktion finden

Question

Ich arbeite an jemandes bestehenden Code. In dem Code gibt es einige Inline-onClick Ereignisse bestimmte Eingabeelemente angebracht, wie diese:

<input type="button" id="inputID" onClick="someFunction()"/> 

Problem ist, dass ich nicht, dass die Eingabe des HTML bearbeiten kann, aber ich kann die JavaScript-Funktion Erklärung dieser Funktion bearbeiten.

function someFunction(){ 
    //want to console log the ID of the triggering input element e.g. #inputID 
} 

Gibt es eine Möglichkeit, dass ich die ID des Triggereingangs innerhalb der Funktion, ohne den Weg alle Parameter zum Zeitpunkt des Aufrufs der Funktion (wie ich den HTML-Code bearbeiten kann)

Answer 1

finden konnte Sie könnten verwenden Sie die globale event Objekt dieses Ziel zu erreichen:

function someFunction() { 
    var el = window.event.target; 
    console.log(el.id); 
} 

Example fiddle

Seien Sie sich bewusst, dass dies Probleme bei älteren br haben Owen. Eine Alternative wäre, das someFunction() leer zu lassen (wie Sie sagen, dass Sie es im HTML nicht entfernen können) und stattdessen die Ereignishandler durch unauffälliges Javascript zuweisen, von dem Sie auf das Element zugreifen können, das das Ereignis über die this-Referenz ausgelöst hat.

Answer 2

Sie können, aber es ist nicht Cross-Browser, in IE ist es

window.event.srcElement.id 

In FF und Chrome, müssen Sie es an die Inline-Funktion übergeben wie

someFunction(event) 

Und dann können Sie zugreifen es von Ziel Eigenschaft

event.target.id 

Answer 3

Da Sie in den Tags, die Sie mit jQuery, nur leav aufgeführt e der Körper von someFunction leeren und an Ihre Eingaben, die diese Funktion aufrufen, einen Ereignis-Listener anhängen.

$('[onclick="someFunction()"]').click(function() { 
    console.log(this.id); 
}); 

https://jsfiddle.net/k8o1umo4/

Answer 4

keine Inline-Event-Handler anwenden. Verwenden Sie Ereignis-Listener:

function someFunction(event) { 
 
    // Use `this` or `event.currentTarget` to get the current target 
 
    console.log(this.id); 
 
} 
 
document.getElementById("inputID").addEventListener('click', someFunction);

<input type="button" id="inputID" value="Click me" />

Answer 5

function someFunction() { 
    console.log(this.id); 
} 

var el = document.getElementById("inputID") 
//remove inline click event 
el.removeAttribute("onclick"); 
//attach click event 
el.addEventListener("click", someFunction); 

Innerhalb der Funktion, die von addEventListener 'this' genannt wurde, wird nun Referenz das Element, von dem das Ereignis ausgelöst wurde.

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#The_value_of_this_within_the_handler