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 XMLHttpRequest对象全面剖析
Apr 24 Javascript
js相册效果代码(点击创建即可)
Apr 16 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
Jun 21 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
angular之ng-template模板加载
Nov 09 Javascript
vue 实现数字滚动增加效果的实例代码
Jul 06 Javascript
小程序组件之仿微信通讯录的实现代码
Sep 12 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 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
批量修改RAR文件注释的php代码
2010/11/20 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
解析csv数据导入mysql的方法
2013/07/01 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
jQuery 使用个人心得
2009/02/26 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
python3.3实现乘法表示例
2014/02/07 Python
python中利用Future对象异步返回结果示例代码
2017/09/07 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
Python交互环境下实现输入代码
2018/06/22 Python
python实现五子棋程序
2020/04/24 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
HTML5的Geolocation地理位置定位API使用教程
2016/05/12 HTML / CSS
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
彩色的非洲教学反思
2014/02/18 职场文书
初中班主任评语
2014/04/24 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js