本文通过一个具体的示例介绍了如何使用JavaScript处理页面上的鼠标点击事件。该示例展示了如何针对不同浏览器（如IE、Firefox和Opera）获取正确的目标元素，并通过事件监听器实现特定的功能。
<script type="text/javascript">
var show = function (e) {
/*
这样按下鼠标由于onclick事件是由冒泡触发的,所以event.srcElement || event.target是IMG对象,而不是A对象
IE解决方法是当前获得焦点的对象即document.activeElement,则FF和OP是event.currentTarget对象
具体代码如下
*/
alert((e.currentTarget || document.activeElement).tagName);
};
</script>
<a href="#" οnclick="show(event)"><img src=" http://www.youkuaiyun.com/ui/styles/public_header_footer/logo_csdn.gif" border="0" alt="" /></a>
var show = function (e) {
/*
这样按下鼠标由于onclick事件是由冒泡触发的,所以event.srcElement || event.target是IMG对象,而不是A对象
IE解决方法是当前获得焦点的对象即document.activeElement,则FF和OP是event.currentTarget对象
具体代码如下
*/
alert((e.currentTarget || document.activeElement).tagName);
};
</script>
<a href="#" οnclick="show(event)"><img src=" http://www.youkuaiyun.com/ui/styles/public_header_footer/logo_csdn.gif" border="0" alt="" /></a>
扫一扫
942
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
