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 相关文章推荐
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
jquery validation验证表单插件
Jan 07 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
AngularJS实现的自定义过滤器简单示例
Feb 02 Javascript
laydate只显示时分 不显示秒的功能实现方法
Sep 28 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
vue使用exif获取图片旋转,压缩的示例代码
Dec 11 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基础知识:类与对象(5) static
2006/12/13 PHP
PHP把小数转成整数3种方法
2014/06/30 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
PHP实现简单搜歌的方法
2015/07/28 PHP
linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程
2016/09/30 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
利用PHP生成CSV文件简单示例
2016/12/21 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
vue做移动端适配最佳解决方案(亲测有效)
2018/09/04 Javascript
Javascript的this详解
2019/03/23 Javascript
Python多图片合并PDF的方法
2019/01/03 Python
python3实现mysql导出excel的方法
2019/07/31 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
python IP地址转整数
2020/11/20 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
HTML5操作WebSQL数据库的实例代码
2017/08/26 HTML / CSS
DNA基因检测和分析:23andMe
2019/05/01 全球购物
应聘医药销售自荐书范文
2014/02/08 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
电工技术比武方案
2014/05/11 职场文书
2014最新实习证明模板
2014/10/02 职场文书
银行员工考核评语
2014/12/31 职场文书
婚礼答谢礼品
2015/01/20 职场文书