簡體   English   中英

Javascript-使用代碼單擊圖像

[英]Javascript - clicking an image using code

我在頁面上有一張圖片。 我無法更改頁面。 當您單擊該頁面上的圖像時,將運行一個功能並處理該圖像。 該圖像不是按鈕。 為了使圖像響應點擊,頁面開發人員向其添加了一個偵聽器。 實際上,該頁面上的每個圖像都有一個偵聽器。 偵聽器正在偵聽“ img”標簽。

當您單擊圖像時,JavaScript會檢查該圖像是否應響應單擊,然后運行或不運行功能。

我正在開發一些自動化程序來填充此圖像所在的表單。 該自動化腳本需要填寫表格,然后單擊該圖像。 如何使用javascript單擊該圖像?

我應該如何看待代碼以發現單擊圖像時運行的方法?

我的問題是這樣的:由於偵聽器已附加到該頁面上的所有圖像上,但只有部分響應單擊,所以我認為附加到偵聽器的函數必須接收對需要處理的圖像的引用。是什么使一切變得復雜...

如果大家願意,我可以將頁面和javascript壓縮並放在此處。

謝謝

調度點擊事件:

var target = yourImage;  //<--(insert your image here);
if(document.createEvent) {
  //Normal W3C event model
  var clickEvent = document.createEvent("MouseEvents");
  clickEvent.initMouseEvent("click", true, true, window, 
    0, 0, 0, 0, 0, false, false, false, 0, null);
  target.dispatchEvent(clickEvent);
}
else {
  //IE event model
  target.fireEvent("onclick");
}

通常情況下,點擊附連到使用的元件element.addEventListenerelement.attachEvent ,但有時element.onclick被使用。
如果頁面使用jQuery,則可能使用live方法,該方法將附加到根節點。 但是,由於事件的目標設置為target ,因此前一種方法應該可以正常工作。

http://jsfiddle.net/efortis/9nmAR/

$(document).ready(function (){
    $('img').click(function() {
        alert($(this).attr('alt'));     
    });


$('img').eq(0).click();     // << I think this is what you need

});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM