时间:2021-05-28
注意获取的标记都以大写表示,如"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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
介绍IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement
event.target说明:引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的,所以this是可以变化的,但event.tar
对了,注意那个innerText和innerHTML复制代码代码如下:functionsortCells(event){varobj=event.target;
this和event.target的区别: 1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远指向触发事件的DOM
复制代码代码如下:functionOnTreeNodeChecked(){varele=event.srcElement;if(ele.type=='check