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 setCapture 区域外事件捕捉
Mar 18 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
Apr 10 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 Javascript
vue组件vue-esign实现电子签名
Apr 21 Vue.js
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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
利用PHP扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
php-fpm配置详解
2014/02/12 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
js操作iframe的一些方法介绍
2013/06/25 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
Vue调用后端java接口的实例代码
2019/10/28 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
python实现字典嵌套列表取值
2019/12/16 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
中学生国旗下讲话稿
2014/04/26 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
英雄儿女观后感
2015/06/09 职场文书
小学生节约用水倡议书
2019/08/12 职场文书