我有一个包含图像缩略图的页面,每个缩略图都有一个onclick
事件。
<a href='javascript:void(0)' onclick='getInfo();'>
<img src='album/123.jpg' width='200' height='150' alt='' />
</a>
<a href='javascript:void(0)' onclick='getInfo();'>
<img src='album/456.jpg' width='240' height='320' alt='' />
</a>
在事件处理程序
getInfo()
中,我想获取单击的图像的信息,例如源文件名或高度。我怎样才能做到这一点? (我希望使用this
,但这似乎是指窗口,而不是<a>
标记。)我还没有使用jquery,所以我希望得到一个纯JavaScript的答案。
最佳答案
只要这样做:onclick='getInfo(this);'>
...
那么您可以在方法本身中获取引用
或者您可以这样做:onclick='getInfo(event);'
// IE不发送我认为的信息,但chrome发送。
在该函数中,您可以获取Target
。
通过事件:
function getInfo (evt)
{
evt.target...
}
通过这个:
function getInfo (that)
{
do something with that....
}