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 相关文章推荐
JS中style属性
Oct 11 Javascript
用javascript实现读取txt文档的脚本
Jul 20 Javascript
JavaScript Konami Code 实现代码
Jul 29 Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
jQuery阻止事件冒泡具体实现
Oct 11 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 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
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
任意位置显示html菜单
2007/02/01 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
js脚本实现数据去重
2014/11/27 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
D3.js中data(), enter() 和 exit()的问题详解
2015/08/17 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
2018/08/19 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
使用索引有什么好处
2016/07/27 面试题
单位办理社保介绍信
2014/01/10 职场文书
英语国培研修感言
2014/02/13 职场文书
五一放假通知怎么写
2015/08/18 职场文书
变长双向rnn的正确使用姿势教学
2021/05/31 Python
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python