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 数据缓存data(name, value)详解及实现
Jan 04 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
Aug 07 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
jQuery点击导航栏选中更换样式的实现代码
Jan 23 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 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
orm获取关联表里的属性值
2016/04/17 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
thinkPHP5框架路由常用知识点汇总
2019/09/15 PHP
php扩展开发入门demo示例
2019/09/23 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
7个jQuery最佳实践
2016/01/12 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
jquery实现的分页显示功能示例
2019/08/23 jQuery
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
Python使用Mechanize模块编写爬虫的要点解析
2016/03/31 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
python模拟斗地主发牌
2020/04/22 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
思想汇报范文
2013/11/04 职场文书
讲座通知范文
2015/04/23 职场文书
学校通报表扬范文
2015/05/04 职场文书
答辩状格式范本
2015/05/22 职场文书
法律意见书范文
2015/06/04 职场文书
Java spring单点登录系统
2021/09/04 Java/Android
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL