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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 Javascript
javaScript基础语法介绍
Feb 28 Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
js面向对象编程总结
Feb 16 Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
JavaScript禁用右键单击优缺点分析
Jan 20 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 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获取当前相对于域名目录的方法
2015/06/26 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
vue.js中过滤器的使用教程
2017/06/08 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
tensorflow之并行读入数据详解
2020/02/05 Python
python代码如何注释
2020/06/01 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
师范教师毕业鉴定
2014/01/13 职场文书
车辆工程专业求职信
2014/04/28 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
食堂卫生管理制度
2015/08/04 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB