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>
相关文章
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
这篇文章主要介绍了GitHub上一些实用的JavaScript的文件压缩解压缩库推荐,推荐的这几个都是支持zip格式的,需要的朋友可以参考下2016-03-03
javascript:;与javascript:void(0)使用介绍
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法2013-06-06
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
这篇文章主要介绍了JavaScript实现多张图片放大镜效果,结合实例形式分析了javascript实现不限定图片尺寸,采用rem单位的多张图片缩放功能相关操作技巧,需要的朋友可以参考下2019-05-05
微信小程序canvas.drawImage完全显示图片问题的解决
这篇文章主要介绍了微信小程序canvas.drawImage完全显示图片问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-11-11
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
这篇文章主要介绍了微信小程序实现动态改变view标签宽度和高度的方法,涉及微信小程序事件响应及使用setData针对data数据动态操作相关实现技巧,需要的朋友可以参考下2017-12-12
javascript innerText和innerHtml应用
innerText和innerHtml看字面也应该理解的了2010-01-01


最新评论