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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
js回调函数仿360开机
Dec 26 Javascript
JS对象属性的检测与获取操作实例分析
Mar 17 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 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数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
php生成图片验证码
2015/06/09 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
php-fpm中max_children的配置
2019/03/15 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
javascript 面向对象思想 附源码
2009/07/07 Javascript
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
基于JQuery的cookie插件
2010/04/07 Javascript
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
2017/01/13 Javascript
vue过渡和animate.css结合使用详解
2017/06/14 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
python requests 测试代理ip是否生效
2018/07/25 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
英国领先的高级美容和在线皮肤诊所:Face the Future
2020/06/17 全球购物
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
仓库管理专业个人的自我评价
2013/12/30 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
经典祝酒词大全
2015/08/12 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS