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 闭包
Sep 15 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
js子页面获取父页面数据示例
May 15 Javascript
Javascript基础知识(二)事件
Sep 29 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
详解js前端代码异常监控
Jan 11 Javascript
关于使用js算总价的问题
Jun 23 Javascript
JavaScript中数组常见操作技巧
Sep 01 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 Javascript
vue+element实现动态加载表单
Dec 13 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
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
PHP下的浮点运算不准的解决方法
2016/10/27 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
PHP后期静态绑定实例浅析
2018/12/21 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
javascript getElementsByClassName函数
2010/04/01 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
Vue.js 图标选择组件实践详解
2018/12/03 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
vue实现简单图片上传
2020/06/30 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
Python正则表达式常用函数总结
2017/06/24 Python
Python时间戳使用和相互转换详解
2017/12/11 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
2014组织生活会方案
2014/05/19 职场文书
运动会方阵口号
2014/06/07 职场文书
Python面向对象编程之类的概念
2021/11/01 Python
WinServer2012搭建DNS服务器的方法步骤
2022/06/10 Servers