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 相关文章推荐
js验证表单大全
Nov 25 Javascript
JavaScript.Encode手动解码技巧
Jul 14 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
JavaScript Date对象详解
Mar 01 Javascript
js倒计时简单实现代码
Aug 11 Javascript
AngularJS执行流程详解
Feb 17 Javascript
JavaScript数据结构中串的表示与应用实例
Apr 12 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
D3.js实现简洁实用的动态仪表盘的示例
Apr 04 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
PHP格式化MYSQL返回float类型的方法
2016/03/30 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
js读取cookie方法总结
2014/10/31 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python实现数独算法实例
2015/06/09 Python
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Python中偏函数用法示例
2018/06/07 Python
Python删除n行后的其他行方法
2019/01/28 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
python openCV自制绘画板
2020/10/27 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
英国计算机商店:Technextday
2019/12/28 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
高三自我鉴定
2013/10/23 职场文书
优秀民警事迹材料
2014/01/29 职场文书
财务总监岗位职责
2014/03/07 职场文书
公司总经理岗位职责
2014/03/15 职场文书
岗位说明书怎么写
2014/07/30 职场文书
人事专员岗位职责
2015/02/03 职场文书
关于mysql中string和number的转换问题
2022/06/14 MySQL