Question

我想知道如何将功能添加到图像按钮 - 这个代码不同于我的其他帖子基于输入类型img而不是img src

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

我正在尝试将图像转换为Clicker，这意味着我正在使用clickFunction来执行此操作。有什么建议吗？

Answer 1

尝试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" />

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

以下是使用onclick事件

的简单解决方案

＆＃13;

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

＆＃13;

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

＆＃13;

将功能添加到img按钮

4 个答案: