js中,event.srcElement 和event.target是什么意思?
srcElement是IE下的属性;target是Firefox下的属性。
在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。
扩展资料
event.srcElement的用法
<divid="div_001">
<formid="form_001">
<inputtype="button"id="button_001_id"name="button_001_Name"value="单击查看"class="button_001_Class"onclick="Get_srcElement(this)">
</form>
</div>
<script>
functionGet_srcElement()
{
varsrcElement=""
srcElement=srcElement+""+"event.srcElement.id:"+event.srcElement.id
srcElement=srcElement+""+"event.srcElement.tagName:"+event.srcElement.tagName
srcElement=srcElement+""+"event.srcElement.type:"+event.srcElement.type
srcElement=srcElement+""+"event.srcElement.value:"+event.srcElement.value
srcElement=srcElement+""+"event.srcElement.name:"+event.srcElement.name
srcElement=srcElement+""+"event.srcElement.className:"+event.srcElement.className
srcElement=srcElement+""+"event.srcElement.parentElement.id:"+event.srcElement.parentElement.id
srcElement=srcElement+""+"event.srcElement.getattribute:"+event.srcElement.getAttribute
alert(srcElement)
}
</script>
如:
var a = document.getElementById('test');
a.addEventListener('click', function(event) {
//这里面event.target就是a对象
}, false);
srcElement是IE下的属性
target是Firefox下的属性
Chrome浏览器同时有这两个属性
event是不是相当于document,什么情况下才需要使用它.
event是事件对象,包含了事件的一些信息,如这是什么事件、什么对象触发的、触发事件时鼠标在什么位置、触发事件时是否按键盘了等等
这些信息在你需要的时候就可以通过event对象拿出来使用了
广告 您可能关注的内容 |