问题描述:在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:事件中的函数切记不能与系统函数同名,否则达不到预期效果

最新文章

  1. angular路由详解:
  2. 在WebPart中获取Office 365中的未读邮件数
  3. 由一篇文章引发的思考&mdash;&mdash;多线程处理大数组
  4. Glassfish数据源配置详解
  5. git add 之后因为没提交正确文件需要撤销
  6. java中的基本jdbc中mvc基本示例
  7. 【割点】【割边】tarjan
  8. [ASP.NET MVC]笔记(三) 成员资格、授权和安全性
  9. 利用node 剥取其他网站的文档数据结构 ---
  10. 2018ddctf wp
  11. spyder里的&quot;查找文件里的特定字符串&quot;非常方便
  12. Wifiner for Mac(WiFi 状况分析工具)破解版安装
  13. servlet的请求转发与重定向
  14. 粗略的整改一下blog
  15. leetcode530
  16. c#/vb调用c编写的标准dll
  17. [hdu4347]The Closest M Points(平衡树式kdtree)
  18. MySQL修改数据表
  19. 【Asp.Net MVC】asp.net mvc Model验证总结及常用正则表达式
  20. xalan\xalan\2.7.2\xercesImpl.jar (系统找不到指定的文件)问题

热门文章

  1. async-await原理解析
  2. Tomcat的一些问题
  3. iOS 深拷贝、浅拷贝、自定义对象拷贝简介
  4. Python3中使用PyMongo的方法详解
  5. 【总结——HTTP协议】
  6. c#操作rabbitmq
  7. Codechef QGRID
  8. 3dmax学习资料记录
  9. python 可迭代对象与迭代器之间的转换
  10. bzoj 4530: [Bjoi2014]大融合【LCT】