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

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

代码看起来像：

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

Answer 2

您可以调用该函数：

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

顺便说一下。 return图像点击处理程序中的值无效。单击图像没有默认操作。

Answer 3

你的代码工作得很好，我认为问题在于主机名检查。提醒它找出它的真实含义，例如：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 4

如果元素在页面加载的DOM中，您可以在文档的head中使用它，否则将其放在</body>标记之后：

<script type="text/javascript">

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

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

</script>

虽然公平地说，我认为我更喜欢@Felix Kling的回答。

使用Javascript设置点击事件

4 个答案: