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写法
Sep 15 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
Node.js 学习笔记之简介、安装及配置
Mar 03 Javascript
理解AngularJs指令
Dec 10 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
用js写的一个路由(简单实例)
Sep 24 Javascript
使用canvas及js简单生成验证码方法
Apr 02 Javascript
vue实现图片按比例缩放问题操作
Aug 11 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实现的css文件背景图片下载器代码
2014/11/11 PHP
php输出xml属性的方法
2015/03/19 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
laravel 数据验证规则详解
2019/10/23 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vue路由对不同界面进行传参及跳转的总结
2019/04/20 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
简明 Python 基础学习教程
2007/02/08 Python
Python实现队列的方法
2015/05/26 Python
Python实现抢购IPhone手机
2018/02/07 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
python 下划线的不同用法
2020/10/24 Python
python的dict判断key是否存在的方法
2020/12/09 Python
美国汽车交易网站:Edmunds
2016/08/17 全球购物
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
体育教师自荐信范文
2013/12/16 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android