js函数中获得当前被点击元素

问题描述：在html页面中点击<a>或者’按钮‘，进入js中的函数，在js函数中获得被点击那个<a>或‘按钮’元素

解决方法：
方法一：

　　html中：

　　　　<a>标签：<a id="21" href="javascript:void(0);" onClick="fun(event)">点击我</a>

　　　　按钮：<input type="button" value="点击我" onClick="fun(event)"/>

　　js中：
　　　　 function fun(event){
　　　　　　var obj=event.srcElement;  //event在ie中自带有，可以不用传入，其他少数浏览器需要传入
        　　　alert(obj.innerHTML);
   　　　}

方法二：

　　html中：

　　　　<a>标签：<a id="21" href="javascript:void(0);" onClick="fun(this)">点击我</a>

　　　　按钮：<input type="button" value="点击我" onClick="fun(this)"/>

　　js中：
　　　　 function fun(obj){
        　　　alert(obj.innerHTML);//此处obj就对应html页面中的<a>
   　　　}

 

总结：其实二者唯一差异就是传入参数问题，方法一中，event.srcElement顾名思义就是获取事件的源元素，但是不能javascript:fun(event)；这样写，这样只是跳转到了对应函数，而根本就没产生事件，也就获取不到事件源元素

ps：事件中的函数切记不能与系统函数同名，否则达不到预期效果