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 面向对象编程(一) 封装
Aug 28 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
简单谈谈CommonsChunkPlugin抽取公共模块
Dec 31 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
jQuery实现弹幕特效
Nov 29 jQuery
请求时token过期自动刷新token操作
Sep 11 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
基于Zookeeper的使用详解
2013/05/02 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
Javascript删除指定元素节点的方法
2016/06/21 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
haskell实现多线程服务器实例代码
2013/11/26 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
单位办理社保介绍信
2014/01/10 职场文书
幼儿园教师奖惩制度
2014/02/01 职场文书
公司运动会策划方案
2014/05/25 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
通知的写法
2015/04/23 职场文书
Golang流模式之grpc的四种数据流
2022/04/13 Golang