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 相关文章推荐
javascript 拖动表格行实现代码
May 05 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
js清空form表单中的内容示例
May 20 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
微信小程序链接传参并跳转新页面
Nov 29 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
JavaScript定时器使用方法详解
Mar 26 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
PHP5 面向对象程序设计
2008/02/13 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
2018/01/02 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
php中and 和 &amp;&amp;出坑指南
2018/07/13 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
常用python数据类型转换函数总结
2014/03/11 Python
Python命名空间详解
2014/08/18 Python
详解Python爬虫的基本写法
2016/01/08 Python
python合并同类型excel表格的方法
2018/04/01 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
WxPython建立批量录入框窗口
2019/02/27 Python
python使用matplotlib绘制雷达图
2019/10/18 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
基于python实现计算两组数据P值
2020/07/10 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
助人为乐表扬信范文
2014/01/14 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
学校安全责任书
2014/04/14 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
妇女干部培训方案
2014/05/12 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
财务工作检讨书
2014/10/29 职场文书
房屋买卖协议样本
2014/11/16 职场文书
小学教师见习总结
2015/06/23 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL