event.srcElement(转) e.srcelement 属性

event.srcElement从字面上可以看出来有以下关键字:事件、源。意思就是:当前事件的源。

我们可以调用他的各种属性就像:document.getElementByIdx_x_x_x_x_x("")这样的功能。

经常有人问 firefox 下的 event.srcElement怎么用,在此详细说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即:

firefox 下的 event.target = IE 下的event.srcElement。

解决方法:使用obj(obj = event.srcElement ? event.srcElement :event.target;)来代替IE下 的event.srcElement或者Firefox下的event.target。

例一:

<div id="div_001">
<formid="form_001">
<inputtype="button" id="button_001_id" name="button_001_Name"value="单击查看"

onclick="Get_srcElement(this)">
</form>
</div>
<script>
function Get_srcElement(obj)
{
var srcElement = "";
srcElement = srcElement + "n" +"event.srcElement.objectId : " + obj.id;
event.srcElement(转) e.srcelement 属性
srcElement = srcElement + "n" +"event.srcElement.objectTagName : " + obj.tagName;
srcElement = srcElement + "n" +"event.srcElement.type : " + event.srcElement.type;
srcElement = srcElement + "n" +"event.srcElement.value : " + event.srcElement.value;
srcElement = srcElement + "n" +"event.srcElement.name : " + event.srcElement.name;
srcElement = srcElement + "n" +"event.srcElement.className : " +

event.srcElement.className;
srcElement = srcElement + "n" +"event.srcElement.parentElement.id : " +

event.srcElement.parentElement.id;
srcElement = srcElement + "n" +"event.srcElement.getAttribute : " +

event.srcElement.getAttribute;
alert(srcElement);
}

</script>

从例一可以看出event.srcElement跟传过来的obj对象是一样的。

例二:

<select name="selectname"onchange="alert(event.srcElement.options

[event.srcElement.selectedIndex].value)">
<optionvalue="001">1</option>
<optionvalue="002">2</option>
<optionvalue="003">3</option>
<optionvalue="004">4</option>
<optionvalue="005">5</option>
</select>

从例二可以看出event.srcElement就是select控件本身,所以把event.srcElement去掉,直接写成options[selectedIndex].value也是一样的。

例三:

<div onclick = "Get_srcElement()">

<div id = "001" style ="border:1px solid red; width:100%;height:500px">
<span id="node001">这是第1结点div001<span>
<div id = "002" style = "border:1px solid red;width:80%; height:300px">
<span id ="node002">这是第2结点div002<span>
<div id = "003" style = "border:1px solid red;width:50%; height:200px">
<span id ="node003">这是第3结点div003<span>
</div>
<divid = "004" style = "border:1px solid red; width:50%;height:200px">
<span id ="node003">这是第4结点div004<span>
</div>
</div>
</div>
<script>
functionGet_srcElement()
{
var srcElement = "";
srcElement = srcElement + "n" +"event.srcElement.children[0].tagName: " +

event.srcElement.children[0].tagName;
srcElement = srcElement + "n" +"event.srcElement.firstChild.id : " +

event.srcElement.firstChild.id;
srcElement = srcElement + "n" +"event.srcElement.lastChild.id : " +

event.srcElement.lastChild.id;
alert(srcElement);
}

</script>

</div>

这个例子对理解event.srcElement是最有利的,例子中一共有3层DIV,鼠标点击哪层DIV,event.srcElement就代表哪个DIV的对象。

原帖地址:http://blog.sina.com.cn/s/blog_4f925fc30100gic6.html

  

爱华网本文地址 » http://www.413yy.cn/a/25101016/296003.html

更多阅读

超级转霸TotalVideoConverter3.61+有效注册码 mkv converter 注册码

 超级转霸(英文名E.M. Total Video Converter)提供视频转换文件的终极解决方案,它能够读取和播放各种视频和音频文件,并且将他们转换为流行的媒体文件格式。它内置一PDA、PSP、iPOD使用的便携视频、音频格式(mp4、3gp、xvid、divxmpeg4

龙之谷二转之魔羽 龙之谷魔羽觉醒技能

一个月又过去了,现如今小账号除了跳级号之外,又有了一个二转。想起箭神的升级路程真的很不容易,总算不是47、8级才转职成功~哈哈!说起来真要感谢一位“龙友”,要不是他帮我省PL清主线任务刷普通模式,我的小箭神啥时候才能成为魔羽。不过,

四驱瑞风改装后桥速比的前期学习(转)

四驱瑞风改装后桥速比的前期学习(转)本人四驱瑞风已使用一年,越来越加深了我对此车的好感,不打算换其他车型,想好好保养长期使用,但是此车油耗不低,柴油2.5T的D4BH的76.5KW的发动机,平时使用油耗在12-13升,在E族学习多日,中毒雄风改装的改速

明星志愿2全攻略[转] 明星志愿3全攻略详细

一、 修改密技1、为女主角命名:在选择女主角的地方,输入下列名字:名字姓输入:侯名字名输入:湘婷生日输入:8月27日血型输入:A(或皆可)一开始金钱会有500000元,所有属性起始值为5000点2、开始游戏秘技在游戏画面中分别按下C、H、E、A、T各按键,要

声明:《event.srcElement(转) e.srcelement 属性》为网友清风不解语分享!如侵犯到您的合法权益请联系我们删除