使用Javascript设置点击事件

Question

我试图在这个图像按钮上使用 Javascript 创建一个点击事件

<input type="image" alt="Skip" name="bt_cancel" id="bt_cancel" 
       src="http://images.eversave.com/Images/optin/skip_button_092106.gif" 
       onclick="return handleSubmit(this);">

我试图在 Chrome 中使用它，但当我加载页面时它没有响应。 我正在使用以下代码：

if((window.location.hostname == "eversave.com")){
  window.onload = function() {
    document.getElementById("bt_cancel").click();
  }
}

Answer 1

您的代码工作得很好，我认为问题出在主机名检查中。提醒它找出它到底是什么，如下所示： http://jsfiddle.net/AvgME/

<input type="image" alt="Skip" name="bt_cancel" id="bt_cancel" 
  src="http://images.eversave.com/Images/optin/skip_button_092106.gif" 
  onclick="return handleSubmit(this);">

<script>
if((window.location.hostname != "eversave.com")){
  window.onload = function() {
    document.getElementById("bt_cancel").click();
  }
}
function handleSubmit(f) {
    alert(window.location.hostname);
}
</script>

Answer 2

我认为使用 jQuery 在你的情况下是一个不错的选择。

代码看起来像：

$(document).ready(function(){
    $('#bt_cancel').click(function(){
       // do some stuff with it like:
       alert($(this).attr('src'));
    });
});

Answer 3

你可以直接调用这个函数：

handleSubmit(document.getElementById("bt_cancel"));

---

顺便说一句。 返回图像点击处理程序中的值没有任何效果。没有与单击图像相关的默认操作。

Answer 4

如果页面加载时该元素位于 DOM 中，则可以在文档的 head 中使用它，否则将其放在 标记之后

<script type="text/javascript">

var image = document.getElementByID('bt_cancel');

image.onclick = function(){
    handlesubmit(this);
};

</script>

：平心而论，我想我更喜欢 @Felix克林的回答。