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之锁定表格栏位
Jun 29 Javascript
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
es6数据变更同步到视图层的方法
Mar 04 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
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
是否存在第一台收音机的说法
2021/03/01 无线电
PHP简单判断手机设备的方法
2016/08/23 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
node内置调试方法总结
2018/02/22 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python opencv之分水岭算法示例
2018/02/24 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
在django模板中实现超链接配置
2019/08/21 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
学生自我鉴定模板
2013/12/30 职场文书
公司合作意向书
2014/04/01 职场文书
保护黄河倡议书
2014/05/16 职场文书
离婚协议书怎么写
2014/09/12 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
会议营销主持词
2015/07/03 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书