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 相关文章推荐
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
BootStrap中的表单大全
Sep 07 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
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/07/20 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
繁简字转换功能
2006/07/19 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
如何使用jquery实现文字上下滚动效果
2016/10/12 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
python实现串口自动触发工作的示例
2019/07/02 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
网站美工岗位职责
2014/04/02 职场文书
公司庆典欢迎词
2015/01/26 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
庆祝教师节主题班会
2015/08/17 职场文书
员工工作心得体会
2019/05/07 职场文书
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS