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>
javascript void 0 是什么意思
   }
总结:其实⼆者唯⼀差异就是传⼊参数问题,⽅法⼀中,event.srcElement顾名思义就是获取事件的源元素,但是不能javascript:fun(event);这样写,这样只是跳转到了对应函数,⽽根本就没产⽣事件,也就获取不到事件源元素
ps:事件中的函数切记不能与系统函数同名,否则达不到预期效果

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。