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 相关文章推荐
document.all与WEB标准
May 13 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
详解webpack自定义loader初探
Aug 29 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
vue使用微信扫一扫功能的实现代码
Apr 11 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 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
PHP中的串行化变量和序列化对象
2006/09/05 PHP
php实现分页显示
2015/11/03 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
2019/07/19 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
python redis 删除key脚本的实例
2019/02/19 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
Python json格式化打印实现过程解析
2020/07/21 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
毕业生就业自荐信
2013/12/04 职场文书
先进个人获奖感言
2014/01/24 职场文书
材料会计岗位职责
2014/03/06 职场文书
销售主管竞聘书
2014/03/31 职场文书
婚前协议书怎么写
2014/04/15 职场文书
我的中国梦口号
2014/06/16 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
Python基础之操作MySQL数据库
2021/05/06 Python
JavaScript设计模式之原型模式详情
2022/06/21 Javascript