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自带函数备忘 数组
Dec 29 Javascript
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
JavaScript的eval JSON object问题
Nov 15 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 Javascript
jquery实现图片轮播器
May 23 jQuery
vue2.0 better-scroll 实现移动端滑动的示例代码
Jan 25 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
这样回答继承可能面试官更满意
Dec 10 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
PHP精确到毫秒秒杀倒计时实例详解
2019/03/14 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
Vue 换肤的示例实践
2018/01/23 Javascript
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
node使用request请求的方法
2019/12/20 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
python日志logging模块使用方法分析
2019/05/23 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
python中JWT用户认证的实现
2020/05/18 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
你所在的项目是如何确定版本号的
2015/12/28 面试题
申报职称专业技术个人的自我评价
2013/12/12 职场文书
聘用意向书范本
2014/04/01 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
娱乐节目策划方案
2014/06/10 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
可可西里观后感
2015/06/08 职场文书