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 相关文章推荐
获取URL地址中的文件名和参数的javascript代码
Sep 02 Javascript
JavaScript 学习笔记(四)
Dec 31 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
JS设计模式之策略模式概念与用法分析
Feb 05 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
iconfont的三种使用方式详解
Aug 05 Javascript
webpack 代码分离优化快速指北
May 18 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
JS中如何优雅的使用async await详解
Oct 05 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 彩色文字实现代码
2009/06/29 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
学习ExtJS form布局
2009/10/08 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
javascript模块化简单解析
2016/04/07 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
js+springMVC 提交数组数据到后台的实例
2019/09/21 Javascript
微信小程序接入vant Weapp组件的详细步骤
2020/10/28 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
python读取oracle函数返回值
2016/07/18 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
Python实现图片添加文字
2019/11/26 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
keras中的backend.clip用法
2020/05/22 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
美国批发供应商:Kole Imports
2019/04/10 全球购物
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
四年级数学教学反思
2014/02/02 职场文书
销售竞赛活动方案
2014/08/23 职场文书
药店采购员岗位职责
2014/09/30 职场文书
校长师德表现自我评价
2015/03/04 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
民主生活会意见
2015/06/05 职场文书
生死牛玉儒观后感
2015/06/11 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python