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 相关文章推荐
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
使用Vue写一个datepicker的示例
Jan 27 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
Openlayers绘制聚合标注
Sep 28 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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
IIS环境下快速安装、配置和调试PHP5.2.0
2006/12/17 PHP
PHP JSON 数据解析代码
2010/05/26 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
原生JS实现九宫格抽奖效果
2017/04/01 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
python if not in 多条件判断代码
2016/09/21 Python
Python3 log10()函数简单用法
2019/02/19 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
推荐信格式要求
2014/05/09 职场文书
食品工程专业求职信
2014/06/15 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书