javascript事件函数中获得事件源的两种不错方法


Posted in Javascript onMarch 17, 2014

在javascript的事件响应中,许多情况我们需要获得事件源对象来对其属性进行更改,比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种:

第一种:

直接把作为一个参数传入。例如

<div id="myid" onclick="show(this);">text</div> <script type="text/javascript"> 
function show(obj){ 
window.alert(obj.id); 
} 
</script>

第二种:

直接掉用隐藏的event对象。event对象有个srcElement属性,可以直接访问它

<div id="myid" onclick="show();">text</div> <script type="text/javascript"> 
function show(){ 
window.alert(event.srcElement.id); 
} 
</script>
Javascript 相关文章推荐
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
JS简单获得节点元素的方法示例
Feb 10 Javascript
对angular 实时更新模板视图的方法$apply详解
Oct 09 Javascript
javascript内置对象arguments详解
Mar 16 #Javascript
javascript跨浏览器的属性判断方法
Mar 16 #Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 #Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 #Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 #Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 #Javascript
JavaScript运行时库属性一览表
Mar 14 #Javascript
You might like
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
基于PHP静态类的原罪详解
2013/05/06 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
PHP实现简易blog的制作
2016/10/24 PHP
动态调用CSS文件的JS代码
2010/07/29 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
学习Node.js模块机制
2016/10/17 Javascript
JavaScript仿微博输入框效果(案例分析)
2016/12/06 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
python 拼接文件路径的方法
2018/10/23 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
关于Python解包知识点总结
2020/05/05 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
英国女性运动服品牌:Sweaty Betty
2018/11/08 全球购物
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
在网络中有两台主机A和B,并通过路由器和其他交换设备连接起来,已经确认物理连接正确无误,怎么来测试这两台机器是否连通?如果不通,怎么来判断故障点?怎么排
2014/01/13 面试题
学期研究性学习个人的自我评价
2014/01/09 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
护士毕业实习感言
2014/03/05 职场文书
机械专业求职信
2014/05/25 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
订货会邀请函
2015/01/31 职场文书
股东出资协议书
2016/03/21 职场文书
python实现图片批量压缩
2021/04/24 Python
golang 在windows中设置环境变量的操作
2021/04/29 Golang
Python数据类型最全知识总结
2021/05/31 Python