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一组验证函数
Dec 20 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
80%应聘者都不及格的JS面试题
Mar 21 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
vue 实现类似淘宝星级评分的示例
Mar 01 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 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
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
网页常用特效代码整理
2006/06/23 Javascript
js option删除代码集合
2008/11/12 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
js快速排序的实现代码
2013/12/08 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
AngularJS 的$timeout服务示例代码
2017/09/21 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
python生成日历实例解析
2014/08/21 Python
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
django session完成状态保持的方法
2018/11/27 Python
Python的log日志功能及设置方法
2019/07/11 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python多进程编程常用方法解析
2020/03/26 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
耐克亚太地区:Nike APAC
2019/12/07 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
分公司任命书
2014/06/06 职场文书
教师竞聘上岗演讲稿
2014/09/03 职场文书
教师素质教育心得体会
2016/01/19 职场文书