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 相关文章推荐
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
jQuery选择器中含有空格的使用示例及注意事项
Aug 25 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
Promise.all中对于reject的处理方法
Aug 01 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
深入了解js原型模式
May 30 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
dedecms系统常用术语汇总
2007/04/03 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
Python translator使用实例
2008/09/06 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python实现将两个文件夹合并至另一个文件夹(制作数据集)
2020/04/03 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
电子商务系毕业生自荐信
2014/05/29 职场文书
销售员态度差检讨书
2014/10/26 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
2016年秋季开学典礼新闻稿
2015/11/25 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang