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中实现trim()函数的两种方法
Feb 04 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
Jun 23 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
javascript实现简易计算器的代码
May 31 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
js 奇葩技巧之隐藏代码
Aug 11 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 Javascript
js实现点击按钮随机生成背景颜色
Sep 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单例模式的简单实现方法
2016/06/10 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
js闭包实例汇总
2014/11/09 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
2015/10/28 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
微信通过页面(H5)直接打开本地app的解决方法
2017/09/09 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
Python批量修改文件后缀的方法
2014/01/26 Python
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python 字典dict使用介绍
2014/11/30 Python
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
Python操作json的方法实例分析
2018/12/06 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
2016/12/03 HTML / CSS
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
工作的心得体会
2013/12/31 职场文书
前台接待员岗位职责
2014/01/02 职场文书
高一物理教学反思
2014/01/24 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
旷课检讨书范文
2014/10/30 职场文书
怎样写家长意见
2015/06/04 职场文书