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 相关文章推荐
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
16个最流行的JavaScript框架[推荐]
May 29 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
JavaScript indexOf()原理及使用方法详解
Jul 09 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
在vue中通过render函数给子组件设置ref操作
Nov 17 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文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
php动态生成函数示例
2014/03/21 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
twig模板常用语句实例小结
2016/02/04 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
2009/08/04 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
Vue.js学习笔记之修饰符详解
2017/07/25 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
js实现自动播放匀速轮播图
2020/02/06 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
Django中ORM的基本使用教程
2020/12/22 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
综合实践教学反思
2014/01/31 职场文书
党员自我对照检查材料
2014/08/19 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
劳动模范获奖感言
2015/07/31 职场文书
详解MySQL集群搭建
2021/05/26 MySQL