JavaScript中的事件介绍以及兼容

事件类型

事件定义:指的是文档或者浏览器窗口发生一些特定交互瞬间。可以通过侦听器(或者处理程序)来指定事件来预定事件,以便事件发生的时候执行相应的代码。
Window、document、Element对象是最常见的事件目标
加on表示必须添加的事件处理程序
语法结构:事件的目标.事件的类型=事件的处理程序
设置窗口的加载事件:

window.function(){
// alert('加载事件的处理程序');
var inp=document.getElementByTagName('input');
// 返回结果:[object HTMLcollection]   对象类型的html集合
}

相应某个事件的函数则称为事件处理程序,或者叫做事件侦听器

addEventListener()添加
removeEventListener()移除

事件对象Event

event对象的兼容写法:event 事件对象不能兼容所有的浏览器,我们一般是采用下面这种方式进行兼容

var oEvent=ev || event; 

如果参数不是 ev 而是 event 的时候,兼容方式也可以写成下面这种格式

document.function(event){
var oEvent=event || window.event; console.log(oEvent);
}
inp_01.function(ev){
var oEvent=ev || event;
// 在ie低版本中使用oEvent.srcElement 来获取触发事件的元素
document.write(oEvent.srcElement/oEvent.target);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值