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 相关文章推荐
javascript和jquery修改a标签的href属性
Dec 16 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
Apr 06 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
js实现html滑动图片拼图验证
Jun 24 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网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php实现学生管理系统
2020/03/21 PHP
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
PHP实现文件上传与下载
2020/08/28 PHP
$.ajax json数据传递方法
2008/11/19 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
JS绘制生成花瓣效果的方法
2015/08/05 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
浅谈js中的bind
2019/03/18 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
[46:43]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第二局
2016/03/02 DOTA
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python交换变量
2008/09/06 Python
Python实现k-means算法
2018/02/23 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
python自动生成证件号的方法示例
2021/01/14 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
请说出以下代码输出什么
2013/08/30 面试题
大学生就业自荐信
2013/10/26 职场文书
同学会邀请书大全
2014/01/12 职场文书
小学教师寄语大全
2014/04/03 职场文书
学生吸烟检讨书
2014/09/14 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书