IE event.srcElement和FF event.target 功能比较
作者:bea
注意获取的标记都以大写表示,如"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)"> <se
注意获取的标记都以大写表示,如"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 + "
" + "button_001_id----event.srcElement.id : " + evg.id
srcElement = srcElement + "
" + "input---event.srcElement.tagName : " + evg.tagName
srcElement = srcElement + "
" + "button---event.srcElement.type : " + evg.type
srcElement = srcElement + "
" + "单击查看---event.srcElement.value : " + evg.value
srcElement = srcElement + "
" + "button_001_Name---event.srcElement.name : " + evg.name
srcElement = srcElement + "
" + "button_001_Class---event.srcElement.className : " + evg.className
//IE 支持parentElement FireFox支持parentNode
srcElement = srcElement + "
" + "form_001---event.srcElement.parentElement.id : " +
evg.parentNode.id
srcElement = srcElement + "
" + "event.srcElement.getattribute : " + evg.getAttribute
alert(srcElement);
}
</script>
有用 | 无用
代码如下:
<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 + "
" + "button_001_id----event.srcElement.id : " + evg.id
srcElement = srcElement + "
" + "input---event.srcElement.tagName : " + evg.tagName
srcElement = srcElement + "
" + "button---event.srcElement.type : " + evg.type
srcElement = srcElement + "
" + "单击查看---event.srcElement.value : " + evg.value
srcElement = srcElement + "
" + "button_001_Name---event.srcElement.name : " + evg.name
srcElement = srcElement + "
" + "button_001_Class---event.srcElement.className : " + evg.className
//IE 支持parentElement FireFox支持parentNode
srcElement = srcElement + "
" + "form_001---event.srcElement.parentElement.id : " +
evg.parentNode.id
srcElement = srcElement + "
" + "event.srcElement.getattribute : " + evg.getAttribute
alert(srcElement);
}
</script>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript 图片滑动切换代码
- js 编写规范
- jquery validation插件表单验证的一个例子
- Jquery 实现Tab效果 思路是js思路
- 走马灯效果代码js appendChild实现的无缝滚动
- JavaScript页面刷新与弹出窗口问题的解决方法
- 在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
- js 按照指定间隔 向字符串中插入随机字符串的实现代码
- jQuery对象和DOM对象的相互转化实现代码
- Javascript 自定义类型方法小结
- Javascript Cookie读写删除操作的函数
- 28个JS验证函数收集
- 用js脚本控制asp.net下treeview的NodeCheck的实现代码
- javascript 静态对象和构造函数的使用和公私问题
- 新老版本juqery获取radio对象的方法
- 几个比较经典常用的jQuery小技巧
- 基于JQuery的密码强度验证代码
- Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
- 基于jquery.Jcrop的头像编辑器