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向flash swf文件传递参数值注意细节
Dec 11 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
Egret引擎开发指南之编译项目
Sep 03 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
javascript使用链接跨域下载图片
Nov 01 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 Javascript
js实现简单的随机点名器
Sep 17 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
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
php 图像函数大举例(非原创)
2009/06/20 PHP
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
简单的自定义php模板引擎
2016/08/26 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
Python新手学习装饰器
2020/06/04 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
GWebs公司笔试题
2012/05/04 面试题
高三历史教学反思
2014/01/09 职场文书
迟到早退检讨书
2014/02/10 职场文书
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
《学会合作》教学反思
2014/04/12 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
国家助学金感谢信
2015/01/21 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python
pytorch实现手写数字图片识别
2021/05/20 Python
python基于turtle绘制几何图形
2021/06/15 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL