IE event.srcElement和FF event.target 功能比较
更新时间:2010年03月01日 19:42:30 作者:
可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"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>
复制代码 代码如下:
<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>
相关文章
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
这篇文章主要介绍了详解ES6新增字符串扩张方法includes()、startsWith()、endsWith(),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-05-05利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
本篇文章主要介绍了c#+Plupload.js解决大容量文件上传问题, 带进度条和背景遮罩层,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。2017-03-03JavaScript中手动实现Array.prototype.map方法
在前端开发中,我们经常需要对数组进行操作和处理,本文主要介绍了JavaScript中手动实现Array.prototype.map方法,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
最新评论