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的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
DIV+CSS+JS不间断横向滚动实现代码
Mar 19 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
js打开windows上的可执行文件示例
May 27 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 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/10/09 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
php时区转换转换函数
2014/01/07 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
奥地利票务门户网站:oeticket.com
2019/12/31 全球购物
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
Java基础类库面试题
2013/09/04 面试题
代理班主任的自我评价
2014/02/04 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
2014年学生工作总结
2014/11/20 职场文书
淮海战役观后感
2015/06/11 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
详细了解java监听器和过滤器
2021/07/09 Java/Android