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实现动态改变字体大小代码
Jan 02 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
JavaScript数组常用方法
Mar 02 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
jquery把int类型转换成字符串类型的方法
Oct 07 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 Javascript
vue中element 的upload组件发送请求给后端操作
Sep 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
php中autoload的用法总结
2013/11/08 PHP
php中{}大括号是什么意思
2013/12/01 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
JavaScript继承方式实例
2010/10/29 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
vuex 使用文档小结篇
2018/01/11 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
token 机制和实现方式
2020/12/15 Javascript
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
Python实现点云投影到平面显示
2020/01/18 Python
python去除删除数据中\u0000\u0001等unicode字符串的代码
2020/03/06 Python
Python 绘制可视化折线图
2020/07/22 Python
文言文形式的学生求职信
2013/12/03 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
2014年教研工作总结
2014/12/06 职场文书
机动车交通事故协议书
2015/01/29 职场文书
龙门石窟导游词
2015/02/02 职场文书
放假通知怎么写
2015/08/18 职场文书
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
Redis Lua脚本实现ip限流示例
2022/07/15 Redis