Javascript -使用代码单击图像

Javascript - clicking an image using code

本文关键字：单击 图像 代码 Javascript      更新时间：2023-09-26

我有一个页面上的图像。我不能换这一页。当您单击该页上的图像时，将运行一个函数并处理该图像。图像不是按钮。为了使图像响应点击，页面开发人员为其添加了一个侦听器。事实上，该页上的每个图像都有一个侦听器。监听器正在监听"img"标签

当你点击一个图像时，Javascript检查这个图像是否应该响应点击，然后运行或者不是一个函数。

我正在开发一些自动化来填充这个图像所在的表单。这个自动化脚本需要填写表单并单击该图像。如何使用javascript点击该图像?

我应该如何查看代码以发现当图像被点击时运行的方法?

我的问题是:由于侦听器附加到该页上的所有图像，但只是一些响应点击，我认为附加到侦听器的函数必须接收到需要处理的图像的引用…这使一切都变得复杂了……

如果你们愿意，我可以压缩页面和javascript并把它放在这里。

谢谢

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
});

调度点击事件:

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.addEventListener和element.attachEvent的元素，但有时使用element.onclick。
如果页面使用jQuery，它可能使用live方法，该方法附加到根节点。但是，前面的方法应该可以正常工作，因为事件的目标被设置为target。

相关文章：