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