js中event.srcElement和event.target的区别

Javascript event.srcElement

event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示，如"TD","TR","A"等。

例如：alert(oEvent.srcElement.tagName)   //结果为 SELECT

 //测试得出通过oEvent.srcElement获得的tagName全是大写的，但是，一般的标签名，都是小写的，所以，常用toLowerCase()方法变小写.

重点概念：

event.srcElement从字面上可以看出来有以下关键字：事件,源     他的意思就是：当前事件的源，相当于jq的$(this)事件，直接获得事件源，就是你产生事件的源；

兼容性：

IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的；FF下语法为：event.target

测试来：

 
   

       

           
           
                苹果
                香蕉
                西瓜
                橘子
                土豆
           
       
   

   

这两个方法下面有如下属性：

event.srcElement.id 

event.srcElement.tagname  //得到响应源的“标签名”
event.srcElement.type  //“类型”
event.srcElement.value  //针对表单元素的“值”
event.srcElement.name  //针对表单元素的“name”属性
event.srcElement.classname 
event.srcElement.parentElement  //“父级元素”
event.srcElement.getattribute  //“获得属性”，setattribute 为"设置属性"
event.srcElement.children 
event.srcElement.lastChild 
event.srcElement.ChildNode  //"子节点"
event.srcElement.selectedIndex 

总之 常用的也就 event.srcElement.value ..得到钱标记的各种属性值 
event.srcElement.parentElement.各属性 
event.srcElement.各标签属性 
event.srcElement.parentNode 上一节点