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 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
ES6中class类用法实例浅析
Apr 06 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
详解Node.js使用token进行认证的简单示例
May 25 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 session 错误
2009/05/21 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
Yii框架实现邮箱激活的方法【数字签名】
2016/10/18 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
javascript web页面刷新的方法收集
2009/07/02 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
微信小程序开发实现的IP地址查询功能示例
2019/03/28 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
顶撞老师检讨书
2014/02/07 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
十佳党员事迹材料
2014/08/28 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
老干部座谈会主持词
2015/07/03 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
详解nginx location指令
2022/01/18 Servers