IE event.srcElement和FF event.target 功能比较


Posted in Javascript onMarch 01, 2010

注意获取的标记都以大写表示,如"TD","TR","A"等

<div id="div_001"> 
<form id="form_001"> 
<input type="button" id="button_001_id" name="button_001_Name" value="单击查看" class="button_001_Class" onclick="Get_srcElement(event)"> 
<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value);"> 
<option value='001'>1</option> 
<option value='002'>2</option> 
<option value='003'>3</option> 
<option value='004'>4</option> 
<option value='005'>5</option> 
</select> 
</form> 
</div> 
<script> 
function Get_srcElement(evgl) 
{ 
var srcElement="" 

 //判断是IE 还是Firefox 

var evg=evgl.srcElement?evgl.srcElement:evgl.target; 

srcElement = srcElement + "\n" + "button_001_id----event.srcElement.id : " + evg.id 

srcElement = srcElement + "\n" + "input---event.srcElement.tagName : " + evg.tagName 

srcElement = srcElement + "\n" + "button---event.srcElement.type : " + evg.type 

srcElement = srcElement + "\n" + "单击查看---event.srcElement.value : " + evg.value 

srcElement = srcElement + "\n" + "button_001_Name---event.srcElement.name : " + evg.name 

srcElement = srcElement + "\n" + "button_001_Class---event.srcElement.className : " + evg.className 

//IE 支持parentElement FireFox支持parentNode 

srcElement = srcElement + "\n" + "form_001---event.srcElement.parentElement.id : " + 

evg.parentNode.id 

srcElement = srcElement + "\n" + "event.srcElement.getattribute : " + evg.getAttribute 

alert(srcElement); 
} 
</script>
Javascript 相关文章推荐
JavaScript中null与undefined分析
Jul 25 Javascript
JavaScript学习笔记(十七)js 优化
Feb 04 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
jquery幻灯片插件bxslider样式改进实例
Oct 15 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
Apr 19 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
Angularjs实现多图片上传预览功能
Jul 18 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
Javascript 判断客户端浏览器类型代码
Mar 01 #Javascript
在chrome中window.onload事件的一些问题
Mar 01 #Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 #Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 #Javascript
使用js获取QueryString的方法小结
Feb 28 #Javascript
JQuery 将元素显示在屏幕的中央的代码
Feb 27 #Javascript
jquery 最简单易用的表单验证插件
Feb 27 #Javascript
You might like
人大复印资料处理程序_补充篇
2006/10/09 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
angular2路由切换改变页面title的示例代码
2017/08/23 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
python列表生成器迭代器实例解析
2019/12/19 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
pandas的resample重采样的使用
2020/04/24 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
寒假实习自荐信
2014/01/26 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
区域销售经理岗位职责
2015/04/02 职场文书