Настройка события клика с помощью 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

Если элемент находится в DOM при загрузке страницы, вы можете использовать его в head документа, в противном случае поместите его после тега </body>:

<script type="text/javascript">

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

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

</script>

Хотя, честно говоря, я думаю, что предпочитаю @ Феликс Клинг ответ.

Answer 2

Вы можете просто вызвать функцию:

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

---

Btw. 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

Я думаю, что использование jQuery в вашем случае является хорошим вариантом.

Код будет выглядеть так:

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