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 相关文章推荐
在Z-Blog中运行代码[html][/html](纯JS版)
Mar 25 Javascript
javascript 获取网页参数系统
Jul 19 Javascript
JQuery从头学起第三讲
Jul 06 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
写给新手同学的vuex快速上手指北小结
Apr 14 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 Javascript
原生js+canvas实现验证码
Nov 29 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/05/12 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
微信小程序 聊天室简单实现
2017/04/19 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
社区戒毒工作方案
2014/06/04 职场文书
小学数学教研活动总结
2014/07/01 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
学习三严三实心得体会
2014/10/13 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers