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中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
vuex actions异步修改状态的实例详解
Nov 06 Javascript
JS判断浏览器类型与操作系统的方法分析
Apr 30 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表单微信中自动提交两次问题解决办法
2017/01/08 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
如何将python中的List转化成dictionary
2016/08/15 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
python实现代码统计器
2019/09/19 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
python numpy实现rolling滚动案例
2020/06/08 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
餐饮收银员岗位职责
2014/02/07 职场文书
党员领导干部承诺书
2014/05/28 职场文书
出国导师推荐信
2015/03/25 职场文书
经理岗位职责范本
2015/04/15 职场文书
办公室卫生管理制度
2015/08/04 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server
CentOS MySql8 远程连接实战
2022/04/19 MySQL
MySQL数据库查询之多表查询总结
2022/08/05 MySQL