触发当前事件的源对象，srcElement是IE下的属性，target是Firefox下的属性，Chrome浏览器同时有这两个属性，操作方法如下：
1、首先来写一个a链接，来操作a链接的href属性，当然别的属性也可以。
2、接下来就可以用js来获取href这个属性了。
3、然后预览一下，来看看界面上的显示。
4、这样就获取到href这个属性的值了，如果，不需要这个属性了，也可以移除它。
5、最后在预览下，界面如下，就完成了。
srcElement是IE下的属性；target是Firefox下的属性。
在IE下event对象有srcElement属性，但是没有target属性；Firefox下，event对象有target属性，但是没有srcElement属性，但他们的作用是相当的；
即：firefox下的event.target=IE下的event.srcElement
解决方法：用obj(obj=event.srcElement?event.srcElement:event.target;)来代替IE下的event.srcElement或者Firefox下的event.target。
扩展资料
event.srcElement的用法
<divid="div_001">
<formid="form_001">
<inputtype="button"id="button_001_id"name="button_001_Name"value="单击查看"class="button_001_Class"onclick="Get_srcElement(this)">
</form>
</div>
<script>
functionGet_srcElement()
{
varsrcElement=""
srcElement=srcElement+""+"event.srcElement.id:"+event.srcElement.id
srcElement=srcElement+""+"event.srcElement.tagName:"+event.srcElement.tagName
srcElement=srcElement+""+"event.srcElement.type:"+event.srcElement.type
srcElement=srcElement+""+"event.srcElement.value:"+event.srcElement.value
srcElement=srcElement+""+"event.srcElement.name:"+event.srcElement.name
srcElement=srcElement+""+"event.srcElement.className:"+event.srcElement.className
srcElement=srcElement+""+"event.srcElement.parentElement.id:"+event.srcElement.parentElement.id
srcElement=srcElement+""+"event.srcElement.getattribute:"+event.srcElement.getAttribute
alert(srcElement)
}
</script>
本回答被网友采纳如：
var a = document.getElementById('test');
a.addEventListener('click', function(event) {
//这里面event.target就是a对象
}, false);
srcElement是IE下的属性
target是Firefox下的属性
Chrome浏览器同时有这两个属性追问
event是不是相当于document,什么情况下才需要使用它.
追答event是事件对象，包含了事件的一些信息，如这是什么事件、什么对象触发的、触发事件时鼠标在什么位置、触发事件时是否按键盘了等等
这些信息在你需要的时候就可以通过event对象拿出来使用了
