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 相关文章推荐
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
jquery 无限级联菜单案例分享
Mar 26 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
微信小程序保持session会话的方法
Mar 20 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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和ACCESS写聊天室(七)
2006/10/09 PHP
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
php 面向对象的一个例子
2011/04/12 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
php数组随机排序实现方法
2015/06/13 PHP
php接口技术实例详解
2016/12/07 PHP
jQuery使用手册之二 DOM操作
2007/03/24 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
Js面试算法详解
2018/04/08 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
Python删除windows垃圾文件的方法
2015/07/14 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
写自荐信要注意什么
2013/12/26 职场文书
中学家长会邀请函
2014/02/03 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
一年级小学生评语
2014/04/22 职场文书
服务承诺口号
2014/05/22 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
golang 实用库gotable的具体使用
2021/07/01 Golang
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL