Добавить функцию к кнопке img

Question

Я хотел бы знать, как добавить функцию к кнопке с изображением - этот код отличается от других сообщений, таких как мой, и основан на типе ввода img not img src

*<input type="image" src="llama.png" name="saveForm" class="btTxt submit" id="saveForm" />*

Я пытаюсь превратить изображение в Clicker, что означает, что я использую функцию ClickF для этого. Есть предложения?

Answer 1

Вот простое решение, использующее onclick событие

 function myImg() {
  alert("clicked");
}

 <input type="image" name="saveForm"  src="xyz.png" onclick="myImg()" class="btTxt submit" id="saveForm" />

  

Answer 2

Вы можете прослушать событие click, выполнив что-то вроде:

function foo() {
  console.log("I am called");
}

<input type="image" src="llama.png" name="saveForm" onclick="foo()" class="btTxt submit" id="saveForm" />

Answer 3

<input type="image" src="llama.png" name="saveForm" class="btTxt submit" id="saveForm" onclick="callFunction() />

<script>
callFunction(){
  alert('Calling');
}

</script>

Или Вы можете использовать EventListener

document.getElementById('saveForm').addEventListener('click', function(e){
  alert('Calling');
});

Answer 4

Попробуйте с addEventListener():

document.getElementById('saveForm').addEventListener('click', function(){
  console.log('you have clicked', this.name);
});

<input type="image" src="llama.png" name="saveForm" class="btTxt submit" id="saveForm" />