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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
纯css实现窗户玻璃雨滴逼真效果
Aug 23 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
webpack external模块的具体使用
Mar 10 Javascript
js使用formData实现批量上传
Mar 27 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
JS实现鼠标按下拖拽效果
Jul 23 Javascript
js实现特别简单的钟表效果
Sep 14 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 图片文件上传实现代码
2010/12/29 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
vue路由跳转传参数的方法
2019/05/06 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
详解python 爬取12306验证码
2019/05/10 Python
python装饰器原理与用法深入详解
2019/12/19 Python
最小二乘法及其python实现详解
2020/02/24 Python
Django数据库迁移常见使用方法
2020/11/12 Python
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
材料采购员岗位职责
2013/12/17 职场文书
无工作经验者个人求职信范文
2013/12/22 职场文书
大学生职业生涯规划范文
2014/01/08 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
大学军训的体会
2014/11/08 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
python周期任务调度工具Schedule使用详解
2021/11/23 Python