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 window.setTimeout() 的详细用法
Nov 04 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
Node.js Sequelize如何实现数据库的读写分离
Oct 23 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
jQuery中Datatables增加跳转到指定页功能
Feb 08 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
node.js实现微信开发之获取用户授权
Mar 18 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
消息持续发送的完整例子
2006/10/09 PHP
smarty的保留变量问题
2008/10/23 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
微信小程序如何获知用户运行小程序的场景教程
2017/05/17 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
vue实现图书管理系统
2020/12/29 Vue.js
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python sorted方法和列表使用解析
2019/11/18 Python
Python requests获取网页常用方法解析
2020/02/20 Python
django rest framework serializers序列化实例
2020/05/13 Python
Python实现异步IO的示例
2020/11/05 Python
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
有模特经验的简历自我评价
2013/09/19 职场文书
新学期校长寄语
2014/01/18 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
产品销售计划书
2014/05/04 职场文书
个人委托书
2014/07/31 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2019暑假学生安全口号
2019/06/27 职场文书